impossibile ottenere più valori per la decorazione del testo mostrato

Question

Qualcosa di strano - Sto cercando di ottenere un file HTML semplice per mostrare sia sottolineatura & overline (ma succede anche sul valore "line-through") per un testo (scrivendo questo in un file CSS separato) ma su uno qualsiasi dei browser che sto controllando non funziona (Ho installato Chrome, Firefox, Opera, IE e Safari - tutti sono probabilmente le ultime versioni quindi niente come la versione 6 di Chrome ...).

Quando sto cancellando gli altri valori e ne specifica solo uno - funziona ma quando ne aggiungo un altro - scompaiono tutti gli effetti dello stile di decorazione del testo.

Qualcuno sa di un problema di questo stile?

grazie in anticipo.

p.s. Sto mettendo quei valori sulla stessa linea, ad es. :

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

Answer 1

È necessario separare loro con uno spazio:

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

<h1> FUNNY </h1>

Answer 2

Non ho mai visto una specifica per text-decoration accettare più valori. Vedi qui http://www.w3.org/TR/CSS2/text.html#propdef-text-decoration (Ulteriori informazioni ogni giorno!)

Si potrebbe implementare in un modo diverso facendo quanto segue.

HTML

<p>Some text here and then <span class="underover">underline and overline</span> and some more text here.</p> 

CSS

.underover { 
    border-width: 1px 0; 
    border-style: solid; 
    border-color: blue blue red red; 
} 

Vedere questo codepen per un esempio: http://codepen.io/keithwyland/pen/Eagbz

Answer 3

                D'accordo con nadavage: Ho suonato in giro troppo e scoperto: virgole in CSS sono per se il font o il valore non è supportato. Quindi, se scrivo:

font-family: 'Lorem Ipsum', cursive; 

                Se "Lorem Ipsum" non è un nome di un font registrati sul sistema operativo o importate in, sarebbe mostrare il carattere "corsivo", supportato sulla maggior parte dei browser. Nel tuo caso, di fare tutto in una volta si sarebbe messo spazio, ma alcune proprietà che prendono più paremeters, come

text-shadow: 2px 2px rgba(0, 0, 0, 0.4); 

ci si aspetta un solo valore per ogni parametrizzazione maggior parte dei browser in grado di decifrare quali valori sono per quale parametro e cosa usare.

Spero che questo aiuti!