Inicio

HerramientasBlog

COMPONENTS


Generador de Decoración de Texto CSS BETA

Configuración

Tipo de Decoración

Estilo

Color

#000000

Clase

Vista previa

Lorem ipsum dolor sit amet, consectetur adipiscing elit...

Código

border: 1px solid #000000;

Generador de Decoración de Texto CSS

En CSS, la propiedad text-decoration se utiliza para controlar la decoración del texto dentro de los elementos HTML. Te permite agregar o eliminar decoraciones de texto, como subrayados, líneas sobre el texto, líneas a través del texto y efectos de parpadeo. Puedes usar esta propiedad para mejorar la apariencia visual del texto para varios propósitos.

La propiedad text-decoration puede tomar uno o más valores para definir múltiples decoraciones de texto. Aquí están los valores comunes:

none: No se aplica ninguna decoración de texto (predeterminado).

.no-decoration { text-decoration: none; }

underline: Agrega un subrayado al texto.

.underlined { text-decoration: underline; }

overline: Agrega una línea sobre el texto.

.overlined { text-decoration: overline; }

line-through: Agrega una línea a través del texto, generalmente para indicar que el texto ha sido eliminado o ya no es válido.

.line-through { text-decoration: line-through; }

blink: Agrega un efecto de parpadeo al texto. Ten en cuenta que este valor a menudo es ignorado por los navegadores web por razones de usabilidad.

.blinking { text-decoration: blink; }

También puedes aplicar múltiples decoraciones de texto especificándolas como valores separados por espacios en la propiedad text-decoration. Por ejemplo, para subrayar y agregar una línea sobre el texto simultáneamente:

.underline-overline { text-decoration: underline overline; }

La propiedad text-decoration se usa con frecuencia para mejorar el estilo visual de los enlaces (etiquetas de anclaje) aplicando subrayados o cambiando los colores del texto cuando los enlaces son pasados por el ratón o visitados. Además, se puede utilizar para varios otros propósitos donde se necesiten decoraciones de texto para énfasis o razones estéticas.


Herramientas destacadas

Hub de Código
Paleta de ColoresNUEVO
Generador de Contraseñas SegurasSelector de ColoresVerificador de Nombres de Usuario en Redes Sociales

Seleccionar idioma

Establecer tema

© 2024 ReadyTools. Todos los derechos reservados.