text-decoration-skip
Obsolète: Cette fonctionnalité n'est plus recommandée. Même si certains navigateurs la prennent encore en charge, elle a peut-être déjà été supprimée des standards du web, est en passe d'être supprimée ou n'est conservée qu'à des fins de compatibilité. Évitez de l'utiliser et mettez à jour le code existant si possible ; consultez le tableau de compatibilité au bas de cette page pour vous aider à prendre votre décision. Sachez que cette fonctionnalité peut cesser de fonctionner à tout moment.
La propriété CSS text-decoration-skip définit la façon dont les lignes décoratives doivent être appliquées aux éléments et aux caractères. Elle contrôle les lignes décoratives dessinées par l'élément courant ainsi que celles de ses ancêtres.
Syntaxe
/* Valeurs avec un mot-clé */
text-decoration-skip: none;
text-decoration-skip: objects;
text-decoration-skip: spaces;
text-decoration-skip: edges;
text-decoration-skip: box-decoration;
/* Plusieurs mots-clés */
text-decoration-skip: objects spaces;
text-decoration-skip: leading-spaces trailing-spaces;
text-decoration-skip: objects edges box-decoration;
/* Valeurs globales */
text-decoration-skip: inherit;
text-decoration-skip: initial;
text-decoration-skip: revert;
text-decoration-skip: revert-layer;
text-decoration-skip: unset;
Valeurs
none-
Rien n'est ignoré. Ainsi, la décoration de texte est dessinée pour tout le contenu textuel et à travers les boîtes en ligne atomiques.
objects-
Toute la boîte de l'élément est ignorée s'il s'agit d'un élément en ligne atomique comme une image ou un élément en ligne de type bloc.
spaces-
Tous les espacements sont ignorés : tous les caractères d'espacement Unicode (angl.) et tous les séparateurs de mots, ainsi que tout
letter-spacingouword-spacingadjacent. leading-spaces-
Identique à
spaces, sauf que seuls les espaces de début sont ignorés. trailing-spaces-
Identique à
spaces, sauf que seuls les espaces de fin sont ignorés. edges-
Le début et la fin de la décoration de texte sont légèrement décalés (par exemple, de la moitié de l'épaisseur de la ligne) par rapport au bord du contenu de la boîte décorative. Ainsi, les éléments adjacents reçoivent des soulignements séparés. (Ceci est important en chinois, où le soulignement est une forme de ponctuation.)
box-decoration-
La décoration de texte est ignorée sur les marges, bordures et zones de remplissage de la boîte. Cela n'a d'effet que sur les décorations imposées par un ancêtre ; une boîte décorative ne dessine jamais sur sa propre décoration de boîte.
Définition formelle
| Valeur initiale | objects |
|---|---|
| Applicabilité | tous les éléments |
| Héritée | oui |
| Valeur calculée | comme défini |
| Type d'animation | discrète |
Syntaxe formelle
text-decoration-skip =
none |
auto
Exemples
Ignorer les bords
HTML
<p>Bonjour tout le monde, quelle journée !</p>
CSS
p {
margin: 0;
font-size: 3em;
text-decoration: underline;
text-decoration-skip: edges;
}
Résultat
Spécifications
| Spécification |
|---|
| CSS Text Decoration Module Level 4 # text-decoration-skipping |
Compatibilité des navigateurs
Voir aussi
- La propriété
text-decoration-skip-ink