2012-03-27 3 views
7

Je veux faire le h2 souligné et clignotant en même temps.
Y a-t-il un moyen d'y parvenir en ne modifiant que le style CSS de h2?CSS plusieurs texte-décoration

Par exemple:

h2{ 
    text-decoration:underline,blink; 
} 

ou

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

* aucun des travaux ci-dessus

s'il n'y a pas de telle sorte ce qui est le plus rapide/moyen le plus facile de le faire?

+0

Avez-vous essayé 'text-decoration: underline blink'? – powerbuoy

+1

selon sitepoint, [Les agents utilisateurs conformes sont autorisés à ignorer cette valeur, car le contenu clignotant peut être préjudiciable à l'accessibilité d'une page.] (Http://reference.sitepoint.com/css/text-decoration) - et la plupart des navigateurs sont "Buggy" à l'appui – Joseph

+3

La seule raison d'ajouter un blink est lorsque vous concevez un site qui se moque des vieilles techniques. –

Répondre

18

Vous devez espace les séparer:

text-decoration: underline overline line-through; 

http://jsfiddle.net/PamjT/

+5

Ceci est la manière syntaxiquement correcte, mais je suppose que vous avez lié à un Fiddle avec un ensemble différent de décorations pour une bonne raison, et je vous applaudis pour cela :) – BoltClock

+0

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

+1

@Frederick Marcoux: FLAGGED> :( – BoltClock

0

est de mettre Easiest border-bottom à votre h2:

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

S'il vous plaît noter que clignement est pas pris en charge dans Internet Explorer, Chrome et Safari

+0

Une bordure inférieure s'étendra sur la largeur d'un élément de bloc qui peut ou non être ce que l'OP veut, parce que ce n'est pas une décoration de texte (évidemment). – BoltClock

+0

Je suis conscient de cela, ne savais pas que vous pourriez spécifier deux valeurs dans une déclaration de décoration de texte :(, o bien merci @BoltClock :) –