Хосияти outline

Хосияти outline рангу навъ ва ғафсиро барои чорчӯбаи беруна (сарҳад, ки ҷо ишғол намекунад) барои ҳама тарафҳо дар як вақт муқаррар мекунад, аммо фарқ бо border ин аст, ки чунин сарҳад элементро васеъ намекунад. Хосияти-ихтисор барои outline-width, outline-style ва outline-color мебошад (аммо барои outline-offset нест).

Синтаксис

cssинтихобкунанда {
  outline: ғафсӣ навъ ранг;
}

Тартиби хосиятҳои қимат аҳаммият надорад.

Намуна . Танҳо outline

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

css#elem {
  outline: 1px solid black;
  width: 300px;
  height: 100px;
}

Результат:

Намуна . Хосиятҳои outline ва border якҷоя

Сарҳад аз outline аз берун хоҳад буд, ва сарҳад аз border - аз дарун:

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

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

Результат:

Нигаред низ