Outline siljishi
CSS outline-offset xossasi
outline-offset xossasi outline bilan element cheti/chegarasi o‘rtasiga bo‘shliq qo‘shadi. Element va uning outline’i o‘rtasidagi bo‘shliq shaffof bo‘ladi.
Quyidagi misol chegara chetidan tashqarida 15px uzoqlikdagi outline’ni belgilaydi:
Bu paragraf qora chegara va chegara chetidan tashqarida 15px uzoqlikdagi qizil outline’ga ega.
Misol
p {
margin: 30px;
padding: 5px;
border: 1px solid black;
outline:
3px solid red;
outline-offset: 15px;
}
O‘zingiz sinab ko‘ring »
Quyidagi misol element chegari va outline’i orasidagi bo‘shliq shaffof ekanini ko‘rsatadi:
Bu paragraf chegara chetidan tashqarida 15px outline’ga ega.
Misol
p {
margin: 30px;
padding: 5px;
background:
yellow;
border: 1px solid black;
outline:
3px solid red;
outline-offset: 15px;
}
O‘zingiz sinab ko‘ring »
Manfiy qiymatli CSS outline-offset
Quyidagi misol manfiy qiymatli outline-offset dan foydalanishni ko‘rsatadi, endi outline chegara cheti ichida joylashadi:
Bu paragrafda qora chegara va chegara cheti ichida -5px qizil outline bor.
Misol
p {
margin: 30px;
padding: 5px;
background:
yellow;
border: 1px solid black;
outline:
3px solid red;
outline-offset: -5px;
}
O‘zingiz sinab ko‘ring »
CSS Outline xossalari
| Xususiyat | Tavsif |
|---|---|
| outline | Bitta deklaratsiyada kontur-kenglik, kontur-uslub va kontur rangini belgilash uchun stenografiya xususiyati. |
| outline-color | Kontur rangini o‘rnatadi |
| outline-offset | Kontur va elementning cheti yoki chegarasi orasidagi bo‘shliqni belgilaydi |
| outline-style | Kontur uslubini o‘rnatadi |
| outline-width | Konturning kengligini o‘rnatadi |
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!