unable to get multiple values for text-decoration shown

css, html, stylesheet, text-decorations

Solution

You need to seperate them with a space:

h1, h2 {
        text-decoration: underline overline line-through;
    }

<h1> FUNNY </h1>

Problem

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; } ```

Original source