თვისება outline-style

თვისება outline-style აზუსტებს სტილს გარე კონტურის - ისეთი საზღვრის, რომელსაც ადგილი არ სჭირდება.

სინტაქსი

სელექტორი {
	outline-style: მნიშვნელობა;
}

მნიშვნელობა	აღწერა
`solid`	მყარი ხაზი.
`dotted`	წერტილებად დაყოფილი კონტური.
`dashed`	გაწყვეტილი კონტური.
`ridge`	ამობურცული ხაზის ფორმის კონტური.
`double`	ორმაგი ხაზის ფორმის კონტური. ეფექტის სანახავად საზღვრის სისქე მინიმუმ `3px` უნდა იყოს.
`groove`	ჩაღრმავებული კონტური.
`inset`	ჩაწეული კონტური.
`outset`	ამოწეული კონტური.
`none`	საზღვრის არარსებობა.

მნიშვნელობა ნაგულისხმევად: none.

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

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

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

#elem {
	outline-width: 1px;
	outline-style: dotted;
	outline-color: black;
	width: 300px;
	height: 100px;
}

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

#elem {
	outline-width: 1px;
	outline-style: dashed;
	outline-color: black;
	width: 300px;
	height: 100px;
}

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

#elem {
	outline-width: 3px;
	outline-style: ridge;
	outline-color: black;
	width: 300px;
	height: 100px;
}

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

#elem {
	outline-width: 3px;
	outline-style: double;
	outline-color: black;
	width: 300px;
	height: 100px;
}

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

#elem {
	outline-width: 3px;
	outline-style: groove;
	outline-color: black;
	width: 300px;
	height: 100px;
}

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

#elem {
	outline-width: 3px;
	outline-style: inset;
	outline-color: black;
	width: 300px;
	height: 100px;
}

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

#elem {
	outline-width: 3px;
	outline-style: outset;
	outline-color: black;
	width: 300px;
	height: 100px;
}