logo

¿Cómo subrayar texto en CSS?

Propiedad de decoración de texto CSS: -

Los subrayados se pueden utilizar para resaltar texto importante. El elemento U y la propiedad de decoración de texto CSS son las dos técnicas más utilizadas para subrayar texto en páginas web.

Ambos son sencillos de utilizar, pero el elemento U ofrece valor semántico al significado. Se puede mostrar otro a pedido, lo que simplifica el cambio del estado de subrayado simplemente agregando clases CSS al texto.

Si los subrayados son útiles o no para expresar significado o accesibilidad es un tema de debate. Los subrayados son un enfoque natural para ofrecer un mayor valor a la experiencia del usuario cuando el color por sí solo no es suficiente para expresar el significado.

El atributo de decoración de texto ofrece una forma alternativa de subrayar texto. El texto con hipervínculo también se puede utilizar para reemplazar los subrayados con líneas superpuestas.

Un subrayado es lo opuesto al subrayado. Se agrega una línea en la parte superior del texto.

Podemos utilizar todos los valores subrayados y subrayados para la misma definición de clase. La propiedad text-decoration rige cómo se presenta el texto de varias maneras. Cuando la decoración del texto se establece en subrayado, el texto dentro del componente se subraya.

Las propiedades CSS de decoración de texto son fantásticas para el texto, pero pueden estar limitadas en términos de diseño y no son aplicables a tipos de contenido que no sean de texto. Los subrayados también se pueden crear con atributos de borde CSS.

cadena en matriz en c

El atributo de decoración de texto es la forma más básica de subrayar texto. La desventaja más importante de la decoración de texto es que no es configurable.

La propiedad de decoración de texto utiliza subrayado, sobrerayado, línea directa o una combinación de líneas para resaltar el texto seleccionado.

El contenido se subraya utilizando el atributo text-decoration-line. Sobrerayar, subrayar y repasar son las tres opciones para este atributo. En CSS, el atributo subrayado se utiliza para resaltar el texto. El subrayado se dibuja debajo del texto en línea con este valor.

En los elementos de texto descendientes, se dibujan decoraciones de texto. Eso implica que cuando un elemento define una decoración de texto, un elemento secundario no puede eliminar la decoración.

largo a int java

No se dibuja ninguna línea y se eliminan las decoraciones existentes.

Subrayar: Se dibuja una línea de 1 px a través de la línea base del texto.

Línea directa: en el punto 'medio' del texto, inserta una línea de 1 px a través de él.

Sobrelínea: agrega una línea de 1 px directamente encima del punto 'superior' del texto a lo largo del texto.

Heredar: hereda la decoración de los padres.

La decoración del texto se especifica mediante la propiedad text-decoration, que es una característica abreviada para:

  • línea-decoración-texto (obligatorio)
  • texto-decoración-color
  • estilo-de-decoración-de-texto
  • texto-decoración-grosor

sobrerayado, subrayado, subrayado-sobrerayado, repasado viene debajo de la línea de decoración de texto.

Sólido, punteado, discontinuo, ondulado, doble se incluye en el estilo de decoración de texto.

El color en valor decimal, valor hexadecimal o heredar viene bajo color-decoración-texto.

para bucle en bash

La propiedad del borde inferior es una alternativa a la decoración de texto. También podemos usar border-bottom para proporcionar relleno.

Sintaxis: -

 text-decoration: text-decoration-line | text-decoration-color | text-decoration-style | text-decoration-thickness 

Ahora busquemos un ejemplo y comprendamos el uso de la propiedad de decoración de texto.

Decoración del texto: subrayado sobre subrayado

Ejemplo: -

 h1 { text-decoration: underline overline dotted purple; } h3 { text-decoration: underline wavy cyan 10px;} <h2>This is an example of text decoration property color using underline overline. </h2> <h3>This is an example of text decoration property color using line-through. </h3> 

Producción:

¿Cómo subrayar texto en CSS?