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

manual de referencia de CSS

reglas de CSS @

大全 de propiedades de CSS

CSS3 text-decoration-Usage and examples of 'style' attribute

text-decoration-The 'style' CSS attribute specifies the line type to be used for text decoration.

Note: You can also use 'text'-Setting the 'decoration' attribute-decoration-line-El atributo decoration es text-decoration-line, text-decoration-style y text-decoration-Atributo abreviado del color

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

Valor predeterminado:solid
Aplicable a:Todos los elementos. También se aplica a::first-letter y::first-line
Herencia:No
Animable:No.Vea Atributos de animación
Versión: CSS3nuevas características
Sintaxis de JavaScript:object.style.textDecorationStyle="wavy"

text-decoration-Sintaxis del uso de style

La sintaxis de este atributo es la siguiente:

text-decoration-style: [sólido | doble | punteado | rayado | ondulado] uno o más valores | initial | inherit

El siguiente ejemplo muestra cómo usar text-decoration-Atributo style

p {
    text-decoration: underline;
    -moz-text-decoration-style: dotted; /* Firefox */
    text-decoration-style: dotted; 
}
Ver el‹/›

Valor del atributo

La siguiente tabla describe los valores de esta propiedad.

ValorDescripción
solidEsta línea se muestra como una línea sólida. Es el valor predeterminado.
doubleEsta línea se muestra como una línea doble.
dottedEsta línea se muestra como una línea punteada.
dashedEsta línea se muestra como una línea punteada.
wavyEsta línea se muestra como una onda.
initialEstablezca este atributo en su valor predeterminado.
inheritSi se especifica, el elemento asociado adopta el valor text del elemento padre-decoration-Valores del atributo style

Compatibilidad del navegador

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

  • Firefox6+ -moz-,36+

  • Google Chrome×

  • Internet Explorer ×

  • Apple Safari ×

  • Opera ×

Advertencia:text-decoration-Advertencia: 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 CSSBordes de CSS

Propiedades relacionadas:text-decorationtext-decoration-linetext-decoration-color