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.
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.
Dostları ilə paylaş: |