outline
Misol
<h2> elementi va <div> elementi atrofida kontur (outline) o‘rnating:
h2 {
outline: 5px dotted green;
}
div.a {
outline: 2px dashed blue;
}
O‘zingiz sinab ko‘ring »
Ta’rif va qo‘llanilishi
Kontur (outline) — elementni "ajratib ko‘rsatish" uchun uning atrofida, chegaralardan tashqarida chiziladigan chiziq.
outline xususiyati quyidagilar uchun qisqartma xususiyatdir:
- outline-width
- outline-style (majburiy)
- outline-color
Agar outline-color ko‘rsatilmasa, matn rangi qo‘llaniladi.
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.
| Standart qiymat: | medium invert color |
|---|---|
| Meros qilinadi: | yo‘q |
| Animatsiya qilinadi: | ha, alohida xususiyatlarga qarang. animatable haqida o‘qing Sinab ko‘ring |
| Versiya: | CSS2 |
| JavaScript sintaksisi: | object.style.outline="#0000FF dotted 5px" Sinab ko‘ring |
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi sonlar xususiyatni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Xususiyat | |||||
|---|---|---|---|---|---|
| outline | 1.0 | 8.0 | 1.5 | 1.2 | 7.0 |
CSS sintaksisi
outline: outline-width outline-style outline-color|initial|inherit;
Xususiyat qiymatlari
| Qiymat | Tavsif | Demo |
|---|---|---|
| outline-width | Kontur kengligini belgilaydi | Sinab ko‘ring » |
| outline-style | Kontur uslubini belgilaydi | Sinab ko‘ring » |
| outline-color | Kontur rangini belgilaydi | Sinab ko‘ring » |
| initial | Bu xususiyatni standart qiymatiga o‘rnatadi. initial haqida o‘qing | |
| inherit | Bu xususiyatni ota elementidan meros qilib oladi. inherit haqida o‘qing |
Tegishli sahifalar
CSS darsligi: CSS kontur (outline)
HTML DOM ma’lumotnomasi: outline xususiyati
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!