Los datos expuestos en este blog, son solo de índole informativo. Por favor realiza siempre una copia de seguridad antes de realizar cualquier cambio en tu proyecto.
CSS: propiedades de decoración de texto
Este tutorial de CSS explica cómo usar una propiedad de CSS llamada decoración de texto Con sintaxis y ejemplos.
describir
La propiedad CSS text-decoration define el formato de texto de un elemento, como subrayado, superposición, ajuste y parpadeo.
sintaxis
La sintaxis de la propiedad CSS text-decoration es:
text-decoration: value;parámetro o parámetro
valor
Formato del texto. Puede ser uno de los siguientes:
| valor | describir |
|---|---|
| Enfatizar | El texto está subrayado div {decoración de texto: guión bajo;} |
| superposición | Mostrar una línea encima del texto div {texto-decoración: overline;} |
| pasar por | Hay una línea en el medio del texto. div {text-decoration: line-through;} |
| parpadear | el texto parpadea div {texto-decoración: guiño;} |
| no cualquiera | No se aplica ninguna decoración de texto al texto. div {texto-decoración: ninguno;} |
| heredar | El elemento heredará la decoración de texto de su elemento principal div {texto-decoración: heredar;} |
notas
- Algunos navegadores pueden ignorar las decoraciones de texto parpadeantes.
Compatibilidad del navegador
La propiedad CSS text-decoration tiene soporte básico para los siguientes navegadores:
- Aleación de cromo
- androide
- Firefox (Geco)
- Firefox móvil (Geco)
- Navegador de Internet (IE)
- es decir, móvil
- ópera
- Ópera Móvil
- Safari (WebKit)
- Safari para móvil
ejemplo
Discutiremos la propiedad de decoración de texto a continuación, explorando ejemplos de cómo usar esta propiedad en CSS.
usar guión bajo
Veamos un ejemplo de decoración de texto CSS usando decoración de texto subrayado.
a:hover { color: #4A6593; text-decoration: underline; }En este ejemplo de decoración de texto CSS, el texto se subrayará cuando pase el cursor sobre el enlace.
Usar transferencia
A continuación, veamos un ejemplo de decoración de texto CSS con decoración de texto de línea aplicada.
span { text-decoration: line-through; }En este ejemplo de decoración de texto CSS, estamos Establezca la decoración de texto para pasar la línea en el marcador.
usar ninguno
Veamos un ejemplo de decoraciones de texto CSS que eliminan las decoraciones de texto.
a:link, a:active, a:visited { text-decoration: none; }Tradicionalmente, la mayoría de los sitios web subrayarán todos los enlaces. Sin embargo, algunos sitios prefieren mostrar el subrayado solo cuando el usuario se desplaza sobre el enlace.En este ejemplo de decoración de texto CSS, comenzamos con Las decoraciones de texto para enlaces, actividades y visitas (pero no para desplazamientos) se han eliminado del marcado.