color()
CSS color() funksiyasi rangni muayyan, ko‘rsatilgan rang fazosida belgilash imkonini beradi.
Misol
Fon rangini display-p3 rang fazosida belgilang (alfa kanali 0.3 bo‘lgan holda):
div {
padding: 15px;
border: 2px solid black;
background-color: color(display-p3 0.6 0.6 0 / .3);
}
O‘zingiz sinab ko‘ring »
Quyida ko‘proq "O‘zingiz sinab ko‘ring" misollari keltirilgan.
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi sonlar funksiyani to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Funksiya | |||||
|---|---|---|---|---|---|
| color() | 111 | 111 | 113 | 15 | 97 |
CSS sintaksisi
Mutlaq qiymat sintaksisi
color(colorspace c1 c2 c3 / A)
| Qiymat | Tavsif |
|---|---|
| colorspace | Majburiy. Oldindan belgilangan rang fazolaridan birini belgilaydi:
|
| c1 c2 c3 | Majburiy. colorspace uchun komponent qiymatlarini ifodalaydi. Har bir qiymat son (0 va 1 oralig‘ida), foiz (0% dan 100% gacha) yoki none kalit so‘zi sifatida yozilishi mumkin |
| / A | Ixtiyoriy. Rangning alfa kanali qiymatini ifodalaydi (0 — to‘liq shaffofdan 100 — to‘liq noshaffofgacha). None ham ishlatilishi mumkin (alfa kanali yo‘qligini bildiradi). Standart qiymat — 100 |
Nisbiy qiymat sintaksisi
color(from color colorspace c1 c2 c3 / A)
| Qiymat | Tavsif |
|---|---|
| from color | from kalit so‘zi bilan boshlang, undan keyin asl rangni ifodalovchi color qiymati keladi. Bu nisbiy rang asoslanadigan asl rangdir |
| colorspace | Majburiy. Oldindan belgilangan rang fazolaridan birini belgilaydi:
|
| c1 c2 c3 | Majburiy. colorspace uchun komponent qiymatlarini ifodalaydi. Har bir qiymat son (0 va 1 oralig‘ida), foiz (0% dan 100% gacha) yoki none kalit so‘zi sifatida yozilishi mumkin |
| / A | Ixtiyoriy. Rangning alfa kanali qiymatini ifodalaydi (0 — to‘liq shaffofdan 100 — to‘liq noshaffofgacha). None ham ishlatilishi mumkin (alfa kanali yo‘qligini bildiradi). Standart qiymat — 100 |
| Versiya: | CSS Color moduli, 5-daraja |
|---|
Ko‘proq misollar
Misol
Nisbiy qiymat sintaksisidan foydalanish:
div {
padding: 15px;
border: 2px solid black;
background-color: color(from blue srgb r g b / 0.4);
}
O‘zingiz sinab ko‘ring »
Tegishli sahifalar
CSS ma’lumotnomasi: CSS ranglari.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!