Quelque chose étrange - j'essaie d'obtenir un fichier HTML Simpel pour afficher à la fois souligné et surligne (Mais cela se produit également sur la valeur "ligne-weri") pour un texte (écrire cela dans un fichier CSS séparé) mais sur l'un des navigateurs que je vérifie que cela ne fonctionne pas (J'ai installé Chrome, Firefox, Opera, Ie et Safari - tous sont probablement les dernières versions de sorte que rien comme la version chromée 6 ...).
Lorsque je supprime les autres valeurs et spécifie un seul - ça marche mais quand j'ajoute un autre - Tous les effets du style de décoration de texte disparaissent.
Est-ce que quelqu'un connaît-il une question de ce style?
Merci d'avance.
3 Réponses :
Vous pouvez éventuellement mettre en œuvre de manière différente en procédant comme suit. CSS Voir ce codePEN pour un exemple : http://codepen.io/keithwyland/pen/eagbz Je n'ai jamais vu de spécification pour la décoration de texte acceptant plusieurs valeurs.
Voir ici http://www.w3.org/tr/css2 /text.html#propdef-text-Decoration (Apprenez quelque chose de nouveau tous les jours!)
Imaginez ma surprise quand j'ai essayé deux valeurs et ça a fonctionné! mépris!
Vous devez les séparer avec un espace:
p>
<h1> FUNNY </h1>
La spécification pertinente est w3.org/tr/css2/text. HTML # Doublure-Stronging-accessoires où le "||" La notation signifie qu'une ou plusieurs des valeurs peuvent apparaître, dans n'importe quel ordre, séparées par WhitSpace (uniquement).
Merci! Ce que je ne connaissais pas sur la spécification W3!
D'accord avec Nadavage:
J'ai joué aussi et j'ai découvert:
Les virgules dans CSS sont pour si la police ou la valeur n'est pas prise en charge. Donc, si j'écris:
Si "LOREM IPSUM" n'est pas un nom d'une police enregistrée sur le système d'exploitation ou importé, il montrerait la police "cursive", prise en charge sur la plupart des navigateurs. Dans votre cas, de tous les faire à la fois vous mettrez de l'espace, mais certaines propriétés qui prenaient plusieurs paré-parières, telles que P> text-shadow: 2px 2px rgba(0, 0, 0, 0.4);