Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

unable to get multiple values for text-decoration shown

Something weird - I'm trying to get a simpel HTML file to show both underline & overline (but it also happens on the "line-through" value) for a text (writing this in a separate CSS file) but on any of the browsers I'm checking it doesn't work (I've installed Chrome, Firefox, Opera, IE and Safari - all of them are probably the latest versions so nothing like Chrome version 6...).

When I'm deleting the other values and specify only one - it works but when I add another - all of the effects of the text-decoration style disappear.

Does anyone know about an issue of this style ?

thanks in advance.

p.s. I'm putting those values on the same line, e.g. :

h1, h2 {
    text-decoration: underline, overline, line-through;
}
like image 808
GrizzlyMcBear Avatar asked Apr 28 '13 09:04

GrizzlyMcBear


1 Answers

You need to seperate them with a space:

h1, h2 {
        text-decoration: underline overline line-through;
    }
<h1> FUNNY </h1>
like image 79
nadavge Avatar answered Oct 13 '22 01:10

nadavge