English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

manual de referencia CSS

regla CSS (RULES)

大全 de propiedades CSS

CSS3 text-decoration-Método de uso y ejemplo del atributo line

El texto-decoration-El atributo lineCSS especifica qué tipo de patrón se agrega al elemento. Este atributo puede aceptar un valor o varios valores separados por espacios en blanco.

La siguiente tabla describe el uso y el historial de versiones de esta propiedad, así como la sintaxis de uso en scripts de JavaScript.

Valor predeterminado:none
Aplicable a:
Todos los elementos. También se aplica a ::first-letter y ::first-line.
Herencia:No
Animable:No.Ver: Atributos de animación.
Versión: CSS3nuevas características
JavaScript sintaxis:objeto.style.textDecorationLine="underline"

text-decoration-Sintaxis de uso de line

La sintaxis de este atributo es la siguiente:

text-decoration-line: none | [ underline | overline | line-through | blink ] uno o más valores | initial | inherit

Los siguientes ejemplos muestran cómo usar text-decoration-Atributo de line

p {
    -moz-text-decoration-line: underline; /* Firefox */
    text-decoration-line: underline; 
}
p.multiple {
    -moz-text-decoration-line: underline overline; /* Firefox */
    text-decoration-line: underline overline; 
}
Prueba aquí‹/›

Valores del atributo

La siguiente tabla describe los valores de esta propiedad.

ValorDescripción
noneEl texto no tiene decoración. Este es el valor predeterminado.
underlineCada línea de texto tiene una subrayada.
overlineHay una línea en la parte superior de cada línea de texto.
line-throughHay una línea en el medio de cada línea de texto.
blinkHacer que el texto parpadee (alternar entre visible e invisible). No se recomienda usar este valor, en su lugar, se recomienda usarAnimaciones.
initialEstablezca esta propiedad en su valor predeterminado.
inheritSi se especifica, el elemento asociado utiliza el valor text de su elemento padre-decoration-Valores del atributo line

Compatibilidad del navegador

text-decoration-La mayoría de los navegadores no admiten esta propiedad.

  • Firefox 6+ -moz-,36+

  • Google Chrome×

  • Internet Explorer ×

  • Apple Safari ×

  • Opera ×

Advertencia:text-decoration-Aviso: La mayoría de los navegadores actuales no admiten esta propiedad. Es mejor evitar su uso.

Leer más

Consulte los siguientes tutoriales:Texto de CSS,Borde de CSS.

Propiedades relacionadas:text-decoration,text-decoration-color,text-decoration-style.