⌘K

Savybė text-decoration

Savybė text-decoration prideda tekstui įvairių efektų: pabraukimą, perbraukimą, liniją viršuje.

Sintaksė

cssselektorius {
  text-decoration: underline | line-through | overline | none;
}

Reikšmės

Reikšmė Aprašas
underline Padaro pabrauktą tekstą.
line-through Padaro perbrauktą tekstą.
overline Padaro liniją virš teksto.
none Atšaukia pabraukimą pabrauktam elementui. Dažniausiai naudojama nuorodoms, nes jos pagal nutylėjimą yra pabrauktos.

Reikšmė pagal nutylėjimą: none. Nuorodoms reikšmė pagal nutylėjimą: underline.

Pavyzdys . Reikšmė underline

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>
css#elem {
  text-decoration: underline;
}

Результат:

Pavyzdys . Reikšmė line-through

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>
css#elem {
  text-decoration: line-through;
}

Результат:

Pavyzdys . Reikšmė overline

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>
css#elem {
  text-decoration: overline;
}

Результат:

Taip pat žiūrėkite

BackSavybė text-alignNextSavybė text-decoration-line