2012-03-27 12 views
7

Voglio che la h2 sia sottolineata e lampeggi allo stesso tempo.
C'è un modo per ottenere questo modificando solo lo stile CSS di h2?CSS multipla text-decoration

Per esempio:

h2{ 
    text-decoration:underline,blink; 
} 

o

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

* nessuna delle precedenti opere

se non v'è alcun modo così qual è il miglior/modo più semplice e veloce per farlo?

+0

Hai provato 'text-decoration: underline blink'? – powerbuoy

+1

in base a sitepoint, [Agenti utente conformi possono ignorare questo valore, poiché il contenuto intermittente può essere dannoso per l'accessibilità di una pagina.] (Http://reference.sitepoint.com/css/text-decoration) - e la maggior parte dei browser sono "buggy" nel supporto – Joseph

+3

L'unico motivo per aggiungere un battito di ciglia è quando stai progettando un sito che prende in giro vecchie tecniche. –

risposta

18

È necessario spazio separarli:

text-decoration: underline overline line-through; 

http://jsfiddle.net/PamjT/

+5

Questo è il modo sintatticamente corretto, ma presumo che tu abbia collegato ad un giocherellare con un diverso set di decorazioni per una buona ragione, e ti applaudo per questo :) – BoltClock

+0

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

+1

@Frederick Marcoux: FLAGGED> :(( – BoltClock

0

più semplice è quello di impostare border-bottom al tuo h2:

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

Si prega di notare che i Blink non è supportato in IE, Chrome e Safari

+0

Un margine inferiore si estenderà attraverso la larghezza di un elemento di blocco che può o meno essere quello che l'OP vuole, perché non è una decorazione di testo (ovviamente). – BoltClock

+0

Ne sono a conoscenza, non sapevo che potevi specificare due valori in una dichiarazione di decorazione del testo :(, o bene grazie @BoltClock :) –