თვისება 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;
}

Результат:

იხილეთ აგრეთვე