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