Propriété CSS text-decoration-skip

La propriété text-decoration-skip spécifie les parties du contenu de l'élément que la décoration du texte doit ignorer.

Elle contrôle toutes les lignes de décorations du texte dessinées par l'élément et par ses ancêtres.

La valeur "ink" a été déplacé à la propriété text-decoration-skip-ink property.

Valeur initiale	objects
Appliquée à	Tous les éléments.
Héritée	Oui.
Animable	Non.
Version	CSS3
Syntaxe DOM	object.style.textDecorationSkip = "spaces";

Syntaxe

text-decoration-skip: none | objects | spaces | leading spaces | trailing spaces | edges | box-decoration | initial | inherit;

Exemple

<!DOCTYPE html>
<html>
  <head>
    <title>Titre du document</title>
    <style>
      p {
      margin: 1;
      color: #ccc;
      font-size: 2em;
      text-decoration: underline;
      text-decoration-skip: edges;
      }
    </style>
  </head>
  <body>
    <h2>Exemple de la propriété text-decoration-style</h2>
    <p><em>Lorem,</em> <em>ipsum est simplement du faux texte  </em></p>
  </body>
</html>

Essayez-vous-même!

Valeurs

Valeur	Description
none	La propriété n'ignore aucun élément. Donc, la décoration est appliquée à tout le contenu du texte.
objects	La boîte entière de la marge de l'élément est ignorée si c'est une image ou un bloc en ligne.
spaces	Tous les espaces sont ignorés.
leading spaces	Les espaces avant les mots sont ignorés (unités de caractères typographiques, séparateurs des mots, espaces des lettres ou des mots).
trailing spaces	Les espaces après les mots sont ignorés (unités de caractères typographiques, séparateurs des mots, espaces des lettres ou des mots).
edges	Le début et la fin de la décoration du texte sont légèrement en retrait du bord du contenu de la boîte de décoration.
box-decoration	La marge de la boîte, la bordure et les zones de remplissage sont ignorés.
ink	Les glyphes ou les descendeurs sont ignorés.
initial	Fait utiliser la valeur initiale.
inherit	Hérite la propriété de son élément parent.