El valor inherit
Enviado por Tati5446564 • 11 de Septiembre de 2014 • Informes • 546 Palabras (3 Páginas) • 184 Visitas
a explicación de los valores permitidos para esta propiedad es compleja debido a su gran flexibilidad. Existen tres opciones diferentes para establecer el valor o valores de esta propiedad:
El valor none
Uno o más de los siguientes valores y en cualquier orden:
underlineoverlineline-throughblink
El valor inherit
Valor inicial none
Se aplica a Todos los elementos
Válida en medios visuales
Se hereda no
Definición en
el estándar w3.org/TR/CSS21/text.html#propdef-text-decoration
Ejemplos de uso
La propiedad text-decoration establece la decoración que se aplica al texto de un elemento. El estándar CSS 2.1 define los siguientes cinco tipos de decoraciones:
underline: se muestran subrayadas todas las líneas de texto.
overline: similar al valor underline, pero en este caso el subrayado se muestra en la parte superior de cada línea.
line-through: todas las líneas de texto se muestran tachadas mediante una línea continua en el medio de cada línea.
blink: el texto parpadea apareciendo y desapareciendo de forma alternativa.
none: el texto no muestra ninguna decoración, por lo que se eliminan todas las decoraciones que puede haber heredado el elemento.
En la práctica, los valores más utilizados son none para mostrar el texto sin adornos y underline para mostrar el texto subrayado. El valor line-through se emplea ocasionalmente para mostrar tachado un contenido erróneo o que ya no es válido. El valor overline apenas se utiliza, ya que su efecto es poco útil en la práctica. Por último, el valor blink nunca se emplea en los sitios web correctos, ya que suele molestar a la mayoría de usuarios y perjudica la accesibilidad del sitio web. De hecho, el propio estándar de CSS 2.1 aconseja que los navegadores no hagan parpadear el texto.
Los valores definidos por la propiedad text-decoration se pueden utilizar de forma individual y también de forma conjunta para crear efectos avanzados:
text-decoration: underline Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce ut leo eu ipsum faucibus pretium. Donec iaculis lorem eleifend mi tempor porttitor.
text-decoration: overline Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce ut leo eu ipsum faucibus pretium. Donec iaculis lorem eleifend mi tempor porttitor.
text-decoration: underline overline Lorem ipsum
...