CODEWITHSUNDEEP
htmlcsstext-decorations
zakkak
zakkak

Reputation: 1971

CSS multiple text-decoration

I want to have the <h2> underlined and blinking at the same time.
Is there any way to achieve this modifying only the CSS style of <h2>?

For instance:

h2 {
  text-decoration: underline, blink;
}

or

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

none of the above works

If there is no such way what is the fastest/easiest way to do it?

Upvotes: 14

Views: 12934

Answers (2)

powerbuoy
powerbuoy

Reputation: 12838

You need to space separate them:

text-decoration: underline overline line-through;

http://jsfiddle.net/PamjT/

Upvotes: 27

Andreas Wong
Andreas Wong

Reputation: 60516

Easiest is to set border-bottom to your h2:

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

Please note that blink isn't supported in IE, Chrome and Safari

Upvotes: 1

Related Questions