2012-03-27 4 views
7

Ich möchte die h2 unterstrichen und gleichzeitig blinken lassen.
Gibt es eine Möglichkeit, dies nur den CSS-Stil von h2 zu ändern?CSS multiple text-decoration

Zum Beispiel:

h2{ 
    text-decoration:underline,blink; 
} 

oder

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

* keine der oben genannten Werke

wenn es keine solche Art und Weise ist, was ist der schnellste/einfachste Weg, es zu tun?

+0

Haben Sie versucht 'text-decoration: unterstreichen blink'? – powerbuoy

+1

gemäß SitePoint, [konforme Benutzeragenten dürfen diesen Wert ignorieren, da blinkender Inhalt die Zugänglichkeit einer Seite beeinträchtigen kann.] (Http://reference.sitepoint.com/css/text-decoration) - und die meisten Browser sind "buggy" in support – Joseph

+3

Der einzige Grund für das Hinzufügen von Blinken ist, wenn Sie eine Website entwerfen, die sich über alte Techniken lustig macht. –

Antwort

18

Sie müssen Platz trennen sie nicht unterstützt:

text-decoration: underline overline line-through; 

http://jsfiddle.net/PamjT/

+5

Dies ist die syntaktisch korrekte Art, aber ich nehme an, dass Sie mit einem verknüpft Geige mit einem anderen Satz von Dekorationen aus einem guten Grund, und ich applaudiere Sie dafür :) – BoltClock

+0

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

+1

@ Frederick Marcoux: FLAGGED> :( – BoltClock

0

Einfachste ist border-bottom auf Ihre h2 einzustellen:

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

Bitte beachten Sie, dass blink in IE, Chrome und Safari

+0

Ein unterer Rand erstreckt sich über die Breite eines Blockelements, das das OP sein kann oder auch nicht, weil es keine Textdekoration ist (offensichtlich). – BoltClock

+0

Ich bin mir dessen bewusst, wusste nicht, dass Sie zwei Werte in einer Text-Dekoration-Deklaration angeben können :(, o gut danke @BoltClock :) –