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