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