⌘K

Свойство text-decoration

La propiedad text-decoration añade varios efectos al texto: subrayado, tachado, línea superior.

Sintaxis

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

Valores

Valor Descripción
underline Hace texto subrayado.
line-through Hace texto tachado.
overline Hace una línea sobre el texto.
none Elimina el subrayado de un elemento subrayado. Se usa más frecuentemente para enlaces, ya que están subrayados por defecto.

Valor por defecto: none. Para enlaces el valor por defecto es: underline.

Ejemplo . Valor underline

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

Результат:

Ejemplo . Valor line-through

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

Результат:

Ejemplo . Valor overline

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

Результат:

Véase también

BackPropiedad text-alignNextPropiedad text-decoration-line