⌘K

Хосияти text-decoration

Хосияти text-decoration ба матн таъсироти гуногун илова мекунад: тахтӣ кардан, хат кашидан аз миёна, хат аз боло.

Синтаксис

cssинтихобкунанда {
  text-decoration: underline | line-through | overline | none;
}

Қиматҳо

Қимат Тавсиф
underline Матни тахтӣ шуда месозад.
line-through Матни хат кашида аз миёна месозад.
overline Хати болои матн месозад.
none Тахтии унсури тахтӣ шударо бекор мекунад. Бештар барои пайвандҳо истифода мешавад, зеро онҳо ба таври пешфарз тахтӣ шудаанд.

Қимати пешфарз: none. Барои пайвандҳо қимати пешфарз: underline.

Намуна . Қимати underline

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

Результат:

Намуна . Қимати line-through

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

Результат:

Намуна . Қимати overline

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

Результат:

Ҳамчунин бинед

  • хосияти text-decoration-style,
    ки имкон медиҳад навъи хат тағир дода шавад
  • хосияти text-decoration-color,
    ки имкон медиҳад ранги хат тағир дода шавад
  • хосияти text-decoration-line,
    ки имкон медиҳад мавқеи хат тағир дода шавад
BackХусусияти text-alignNextХосияти text-decoration-line