2012-03-27 23 views
7

Quiero que h2 esté subrayado y parpadee al mismo tiempo.
¿Hay alguna manera de lograr esto modificando solo el estilo CSS de h2?CSS decoración de texto múltiple

Por ejemplo:

h2{ 
    text-decoration:underline,blink; 
} 

o

h2{ 
    text-decoration:underline; 
    text-decoration:blink; 
} 

* ninguno de los anteriores trabajos

si no hay tal modo lo que es la manera más rápida/más fácil de hacerlo?

+0

¿Has probado 'text-decoration: underline blink'? – powerbuoy

+1

de acuerdo con el sitio, [los agentes de usuario conformes pueden ignorar este valor, ya que el contenido parpadeante puede ser perjudicial para la accesibilidad de una página.] (Http://reference.sitepoint.com/css/text-decoration) - y la mayoría de los navegadores están "buggy" en soporte – Joseph

+3

La única razón para agregar un parpadeo es cuando está diseñando un sitio que se burla de las técnicas antiguas. –

Respuesta

18

Es necesario espacio de separarlos:

text-decoration: underline overline line-through; 

http://jsfiddle.net/PamjT/

+5

Esta es la forma sintácticamente correcta, pero supongo que se ha vinculado a un violín con un conjunto diferente de decoraciones por una buena razón, y te aplaudo :) – BoltClock

+0

@BoltClock http://jsfiddle.net/PamjT/2/ –

+1

@Frederick Marcoux: FLAGGED> :( – BoltClock

0

más fácil es establecer border-bottom a su h2:

h2 { 
    border-bottom:1px solid black; 
    text-decoration:blink; 
} 

Tenga en cuenta que un abrir y cerrar no es compatible con Internet Explorer, Chrome y Safari

+0

Un borde inferior se extenderá a lo largo del ancho de un elemento de bloque que puede o no ser lo que el OP quiere, porque no es una decoración de texto (obviamente). – BoltClock

+0

Soy consciente de eso, no sabía que podía especificar dos valores en una declaración de decoración de texto :(, o bien gracias @BoltClock :) –

Cuestiones relacionadas