Kommunikatsiyalarini rivojlantirish vazirligi muhammad al-xorazmiy nomidagi


Rangning o'z nomi bilan e'lon qilish



Yüklə 1,63 Mb.
səhifə8/8
tarix29.04.2023
ölçüsü1,63 Mb.
#104592
1   2   3   4   5   6   7   8
2-amaliy

Rangning o'z nomi bilan e'lon qilish
Ranglar quyidagi rang nomlarini e'lon qilish orqali kiritiladi.
Namuna:

CSS da ranglar nomi hoh katta harf bilan yozilsin, hoh kichkina bo'lsin barchasini CSS qo'llab-quvvatlaydi. "RED"="red"="Red". CSS va HTML da 140 ta standard ranglar mavjud.

RGB (Red, Green, Blue) orqali e'lon qilish
RGB quyidagi formula orqali e'lon qilinadi: rgb(red, green, blue).
RGB ning har bir qiymati mos ravishda 0 dan 255 bo'lgan ranglarni o'z ichiga oladi. Masalan, rgb(255, 0, 0) bu qizil rang, chunki faqat qizilning qiymati maksimumga erishadi, qolganlari esa 0.

Rangning 16 lik sanoq sistemasidagi qiymati orqali e'lon qilish
Ma'lumki har bir rang o'zining 16 lik sanoq sistemasi o'z qiymatiga ega. Rangni o'z qiymati orqali e'lon qilish esa rangning 16 lik sanoq sistemasidagi qiymati orqali e'lon qilish deyiladi. Misol uchun #RRGGBB, RR bu qizil, GG bu yashil, BB bu esa ko'kdir. Buning qiymati 00 dan FF gacha bo'lishi mumkin.
Namuna:


CSS chegara, orqa fon, shrift, margin va padding xususiyatlari. Box model tushunchasi. Box model qoidalari.




Specify colors using RGB values


rgb(255, 0, 0)


rgb(0, 0, 255)


rgb(60, 179, 113)


rgb(238, 130, 238)


rgb(255, 165, 0)


rgb(106, 90, 205)


Specify colors using HEX values


#ff0000


#0000ff


#3cb371


#ee82ee


#ffa500


#6a5acd


HSL Saturation

The second parameter of hsl() defines the saturation. Less saturation mean less color. 0% is completely gray:



hsl(0, 100%, 50%)


hsl(0, 80%, 50%)


hsl(0, 60%, 50%)


hsl(0, 40%, 50%)


hsl(0, 20%, 50%)


hsl(0, 0%, 50%)




style = "text-transform:capitalize;">
This will be capitalized

style = "text-transform:uppercase;">
This will be in uppercase

style = "text-transform:lowercase;">
This will be in lowercase

style = "text-shadow:4px 4px 8px blue;">
If your browser supports the CSS text-shadow property,
this text will have a blue shadow.



Yüklə 1,63 Mb.

Dostları ilə paylaş:
1   2   3   4   5   6   7   8




Verilənlər bazası müəlliflik hüququ ilə müdafiə olunur ©azkurs.org 2024
rəhbərliyinə müraciət

gir | qeydiyyatdan keç
    Ana səhifə


yükləyin