text-decoration-style ගුණය

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

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

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

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

අගයන්

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

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

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

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

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

Результат:

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

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

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

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

Результат:

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

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

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

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

Результат: