text-decoration-style ගුණය

text-decoration-style ගුණය පාඨයේ රේඛාවේ වර්ගය වෙනස් කරයි: තනි රේඛාව, ද්විත්ව, බින්දු ආකාරයෙන්, ඉරි ආකාරයෙන්, රැලි සහිත රේඛාව.

මෙම ගුණය භාවිතා කළ යුත්තේ text-decoration-line සහ text-decoration-color ගුණ සමඟ එක්ව ය. මෙම ගුණ text-decoration ගුණයේ ක්‍රියාව විස්තීරණය කරන අතර, එහි වඩාත් උසස් සංස්කරණ වේ.

වාක්‍ය රචනා ක්‍රමය

තෝරන්නා {
	text-decoration-line: solid | double | dotted | dashed | wavy;
}

අගයන්

අගය	විස්තරය
`solid`	අඛණ්ඩ රේඛාව.
`double`	ද්විත්ව රේඛාව.
`dotted`	බින්දු ආකාර රේඛාව.
`dashed`	ඉරි ආකාර රේඛාව.
`wavy`	රැලි සහිත රේඛාව.

පෙරනිමි අගය: solid.

උදාහරණය . wavy අගය

දැන් පාඨය යටින් ඉරි ඇදී රතු රැලි සහිත රේඛාවක් වනු ඇත:

<div id="elem">
	Lorem ipsum dolor sit amet.
</div>

#elem {
	text-decoration-style: wavy;
	text-decoration-color: red;
	text-decoration-line: underline;
}

උදාහරණය . dotted අගය

දැන් පාඨය යටින් ඉරි ඇදී රතු බින්දු ආකාර රේඛාවක් වනු ඇත:

<div id="elem">
	Lorem ipsum dolor sit amet.
</div>

#elem {
	text-decoration-style: dotted;
	text-decoration-color: red;
	text-decoration-line: underline;
}

උදාහරණය . double අගය

දැන් පාඨය හරස් ඉරි ඇදී රතු ද්විත්ව රේඛාවක් වනු ඇත:

<div id="elem">
	Lorem ipsum dolor sit amet.
</div>

#elem {
	text-decoration-style: double;
	text-decoration-color: red;
	text-decoration-line: line-through;
}