text-decoration-line ගුණය

text-decoration-line ගුණය පාඨයේ රේඛාවේ ස්ථානය නියම කරයි. මෙම ගුණය text-decoration-style සහ text-decoration-color ගුණ සමග එක්ව භාවිතා කළ යුතුය. මෙම ගුණ text-decoration ගුණයේ ක්‍රියාකාරිත්වය ව්‍යාප්ත කරන අතර, එහි වඩාත් දියුණු සමාන ලෙස ක්‍රියා කරයි.

වාක්‍ය රචනය

cssතෝරන්නා {
  text-decoration-line: underline | line-through | overline | none;
}

මූල්‍යයන්

මූල්‍යය	විස්තරය
`underline`	යටින් ඉරි ඇඳි පාඨය සාදයි.
`line-through`	හරස් ඉරි ඇඳි පාඨය සාදයි.
`overline`	පාඨය ඉහලින් රේඛාව සාදයි.
`none`	යටින් ඉරි ඇඳි මූලද්‍රව්‍යයක යටින් ඉර ඇදීම අවලංගු කරයි. බොහෝ විට සබැඳි සඳහා භාවිතා වේ, මන්ද ඒවා පෙරනිමිය ලෙස යටින් ඉරි ඇද ඇත.

පෙරනිමි මූල්‍යය: none. සබැඳි සඳහා පෙරනිමි මූල්‍යය: underline.

උදාහරණය

අපි පාඨය රතු රේඛාවකින් හරස් කරමු:

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

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

Результат: