თვისება outline

თვისება outline აყენებს ფერს, ტიპს და სისქეს გარე კონტურისთვის (საზღვარი, რომელიც არ იკავებს ადგილს) ყველა მხარისთვის ერთდროულად, მაგრამ border-ისგან განსხვავებით ასეთი საზღვარი არ ფართოვდება ელემენტზე. არის შემოკლებული თვისება outline-width-ისთვის, outline-style-ისთვის და outline-color-ისთვის (მაგრამ არა outline-offset-ისთვის).

სინტაქსი

სელექტორი {
	outline: სისქე ტიპი ფერი;
}

თვისებების თანმიმდევრობას მნიშვნელობა არ აქვს.

მაგალითი . მხოლოდ outline

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

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

მაგალითი . თვისებები outline და border ერთად

outline-ისგან საზღვარი იქნება გარეთ, ხოლო საზღვარი border-ისგან - შიგნით:

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

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

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

თვისება outline-offset,
რომელიც აყენებს კონტურის გადაადგილებას