Outline xususiyati
outline xususiyati barcha tomondan bir vaqtning o'zida tashqi ramka (joy egallamaydigan chegar) uchun rang, tur
va qalinlikni belgilaydi,
lekin border dan farqli o'laroq
bunday chegar elementni kengaytirmaydi.
outline-width,
outline-style
va outline-color uchun qisqartma xususiyat hisoblanadi
(lekin outline-offset uchun emas).
Sintaksis
selector {
outline: qalinlik tur rang;
}
Qiymatlar tartibi ahamiyatga ega emas.
Misol . Faqat outline
<div id="elem"></div>
#elem {
outline: 1px solid black;
width: 300px;
height: 100px;
}
:
Misol . Outline va border xususiyatlari birga
outline dan keladigan chegar tashqarida, border dan keladigan chegar esa ichkarida bo'ladi:
<div id="elem"></div>
#elem {
outline: 4px solid green;
border: 4px solid red;
width: 300px;
height: 100px;
}
:
Shuningdek qarang
-
outline-offsetxususiyati,
ramkaning siljishini belgilaydi
