Ejemplo
Pantalla <p> elementos con una línea en la parte superior:
p
{
-moz-text-decoration-line: overline; /* Code for Firefox */
text-decoration-line: overline;
}
Inténtalo tú mismo " Definición y Uso
Entre las opciones de decoración línea de texto especifica qué tipo de línea, en su caso, la decoración tendrá.
Nota: También puede establecer la decoración de línea de texto con la propiedad text-decoration, que es una propiedad abreviada para la decoración de línea de texto, texto-decoración de estilo, y las propiedades text-decoration-color.
Nota: También se puede combinar más de un valor, como el subrayado y overline para mostrar líneas tanto menores y mayores de texto.
| Valor por defecto: | none |
|---|---|
| Heredado: | no |
| animatable: | no. Read about animatable |
| Versión: | CSS3 |
| la sintaxis de JavaScript: | object .style.textDecorationLine="overline" Try it |
Soporte para el navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
Los números seguidos por -moz- especifican la primera versión que funcionaba con un prefijo.
| Propiedad | |||||
|---|---|---|---|---|---|
| text-decoration-line | No soportado | No soportado | 6.0 -moz- | No soportado | No soportado |
sintaxis CSS
text-decoration-line: none|underline|overline|line-through|initial|inherit;Valores de propiedad
| Valor | Descripción | Juegalo |
|---|---|---|
| none | Valor por defecto. No especifica ninguna línea para la decoración de texto | Juegalo " |
| underline | Especifica que una línea se mostrará bajo el texto | Juegalo " |
| overline | Especifica que una línea se mostrará sobre el texto | Juegalo " |
| line-through | Especifica que una línea se mostrará a través del texto | Juegalo " |
| initial | Establece esta propiedad a su valor por defecto. Lea acerca inicial | Juegalo " |
| inherit | Hereda esta propiedad de su elemento padre. Lee sobre heredar |
Páginas relacionadas
CSS tutorial: CSS texto
Referencia HTML DOM: textDecorationLine property