accent-color
Misol
Turli foydalanuvchi interfeysi boshqaruv elementlari uchun urg‘u rangini o‘rnating:
input[type=checkbox] {
accent-color: red;
}
input[type=radio] {
accent-color: green;
}
input[type=range] {
accent-color: rgb(0, 0, 255);
}
progress {
accent-color: hsl(39, 100%, 50%);
}
O‘zingiz sinab ko‘ring »
Ta’rif va qo‘llanilishi
accent-color xususiyati <input type="checkbox">, <input type="radio">, <input type="range"> va <progress> kabi foydalanuvchi interfeysi boshqaruv elementlari uchun urg‘u rangini belgilaydi.
| Standart qiymat: | auto |
|---|---|
| Meros qilinadi: | ha |
| Animatsiya qilinadi: | yo‘q. animatable haqida o‘qing |
| Versiya: | CSS4 |
| JavaScript sintaksisi: | object.style.accentColor="red" Sinab ko‘ring |
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi sonlar xususiyatni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Xususiyat | |||||
|---|---|---|---|---|---|
| accent-color | 93.0 | 93.0 | 92.0 | 15.4 | 79.0 |
CSS sintaksisi
accent-color: auto|color|initial|inherit;
Xususiyat qiymatlari
| Qiymat | Tavsif | Demo |
|---|---|---|
| auto | Standart qiymat. Urg‘u rangini brauzer tanlaydi | Demo ❯ |
| color | Urg‘u rangi sifatida ishlatiladigan rangni belgilaydi. Barcha ruxsat etilgan rang qiymatlaridan foydalanish mumkin (rgb, hex, nomlangan rang va h.k.). Ruxsat etilgan qiymatlar haqida batafsil ma’lumot olish uchun CSS ranglar darsligini o‘qing | Demo ❯ |
| initial | Bu xususiyatni standart qiymatiga o‘rnatadi. initial haqida o‘qing | |
| inherit | Bu xususiyatni ota elementidan meros qilib oladi. inherit haqida o‘qing |
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!