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;
}

Результат:

Տես նաև