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

cssselector {
  outline: qalinlik tur rang;
}

Qiymatlar tartibi ahamiyatga ega emas.

Misol . Faqat outline

html<div id="elem"></div>

css#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:

html<div id="elem"></div>

css#elem {
  outline: 4px solid green;
  border: 4px solid red;
  width: 300px;
  height: 100px;
}

Результат:

Shuningdek qarang