outline-color
Quyida ko‘proq "O‘zingiz sinab ko‘ring" misollari keltirilgan.
Ta’rif va qo‘llanilishi
Kontur (outline) — elementni "ajratib ko‘rsatish" uchun uning atrofida, chegaralardan tashqarida chiziladigan chiziq.
outline-color xususiyati kontur rangini belgilaydi.
Eslatma: Har doim outline-style xususiyatini outline-color xususiyatidan oldin e’lon qiling. Kontur rangini o‘zgartirishdan oldin elementda kontur bo‘lishi kerak.
| Standart qiymat: | currentcolor |
|---|---|
| Meros qilinadi: | yo‘q |
| Animatsiya qilinadi: | ha, alohida xususiyatlarga qarang. animatable haqida o‘qing Sinab ko‘ring |
| Versiya: | CSS2 |
| JavaScript sintaksisi: | object.style.outlineColor="#FF0000" Sinab ko‘ring |
Maslahatlar va eslatmalar
Eslatma: Konturlar chegaralardan farq qiladi! Chegaradan farqli ravishda kontur element chegarasidan tashqarida chiziladi va boshqa kontent ustiga chiqishi mumkin. Shuningdek, kontur element o‘lchamlarining bir qismi EMAS: kontur kengligi elementning umumiy kengligi va balandligiga ta’sir qilmaydi.
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi sonlar xususiyatni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Xususiyat | |||||
|---|---|---|---|---|---|
| outline-color | 1.0 | 8.0 | 1.5 | 1.2 | 7.0 |
CSS sintaksisi
outline-color: color|initial|inherit;
Xususiyat qiymatlari
| Qiymat | Tavsif | Demo |
|---|---|---|
| color | Kontur rangini belgilaydi. Mumkin bo‘lgan rang qiymatlarining to‘liq ro‘yxatini CSS rang qiymatlari sahifasida ko‘ring. | Demo ❯ |
| initial | Bu xususiyatni standart qiymatiga o‘rnatadi. initial haqida o‘qing | |
| inherit | Bu xususiyatni ota elementidan meros qilib oladi. inherit haqida o‘qing |
Ko‘proq misollar
Misol
Kontur rangini HEX qiymati bilan o‘rnating:
div {outline-color: #92a8d1;}
O‘zingiz sinab ko‘ring »
Misol
Kontur rangini RGB qiymati bilan o‘rnating:
div {outline-color: rgb(201, 76, 76);}
O‘zingiz sinab ko‘ring »
Misol
Kontur rangini RGBA qiymati bilan o‘rnating:
div {outline-color: rgba(201, 76, 76, 0.3);}
O‘zingiz sinab ko‘ring »
Misol
Kontur rangini HSL qiymati bilan o‘rnating:
div {outline-color: hsl(89, 43%, 51%);}
O‘zingiz sinab ko‘ring »
Misol
Kontur rangini HSLA qiymati bilan o‘rnating:
div {outline-color: hsla(89, 43%, 51%, 0.3);}
O‘zingiz sinab ko‘ring »
Tegishli sahifalar
CSS darsligi: CSS kontur (outline)
CSS ma’lumotnomasi: outline xususiyati
HTML DOM ma’lumotnomasi: outlineColor xususiyati
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!