La propriété 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 avec un mot-clé */
text-decoration-skip: none;
text-decoration-skip: objects;
text-decoration-skip: edges;
text-decoration-skip: box-decoration;
text-decoration-skip: spaces;

/* Plusieurs mots-clés */
text-decoration-skip: object 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: unset;

Note : La valeur ink initialement définie pour cette propriété a été déplacée vers la propriété text-decoration-skip-ink.

Syntaxe

Valeurs

none
La propriété text-decoration s'applique à tous les éléments sélectionnés.
objects
La propriété text-decoration n'est pas appliquée pour les éléments en lignes atomiques telles que les images ou les blocs en lignes.
spaces
Les décorations ne sont pas appliquées où il y a des espaces (c'est-à-dire des caractères Unicode considérés comme des blancs, des séparateurs de mots et toute propriété letter-spacing ou word-spacing adjacente).
leading-spaces
Comportement analogue à spaces mais seuls les espaces avant les mots sont ignorés.
trailing-spaces
Comportement analogue à spaces mais seuls les espaces après les mots sont ignorés.
edges
La décoration de text-decoration est rognée vers l'intérieur de la moitié de la largueur de la ligne, vers la droite et la gauche..
An example of "text-decoration-skip: edges;".
box-decoration
La propriété text-decoration n'est pas appliquée pour les marges, bordures et zones de remplissage (padding) des éléments fils.

Syntaxe formelle

none | [ objects || [ spaces | [ leading-spaces || trailing-spaces ] ] || edges || box-decoration ]

Exemples

CSS

p {
  margin: 0;
  font-size: 3em;
  text-decoration: underline;
  text-decoration-skip: edge;
}

HTML

<p>Bonjour tout le monde, quelle journée !</p>

Résultat

Spécifications

Spécification État Commentaires
CSS Text Decoration Module Level 4
La définition de 'text-decoration-skip' dans cette spécification.
Version de travail Définition initiale.

Valeur initialeobjects
Applicabilitétous les éléments
Héritéeoui
Médiavisuel
Valeur calculéecomme spécifié
Type d'animationdiscrète
Ordre canoniquel'ordre d'apparition dans la grammaire formelle des valeurs

Compatibilité des navigateurs

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidEdge MobileFirefox pour AndroidOpera pour AndroidSafari pour iOSSamsung Internet
Support simple
Expérimentale
Chrome Aucun support 57 — 64
Notes
Aucun support 57 — 64
Notes
Notes Only supports the deprecated ink value.
Edge Aucun support NonFirefox Aucun support NonIE Aucun support NonOpera Aucun support 44 — 50
Notes
Aucun support 44 — 50
Notes
Notes Only supports the deprecated ink value.
Safari Support complet 8
Préfixée Notes
Support complet 8
Préfixée Notes
Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
Notes Only supports the none and skip values; all other values behave like those two values.
WebView Android Aucun support 57 — 64
Notes
Aucun support 57 — 64
Notes
Notes Only supports the deprecated ink value.
Chrome Android Aucun support 57 — 64
Notes
Aucun support 57 — 64
Notes
Notes Only supports the deprecated ink value.
Edge Mobile Aucun support NonFirefox Android Aucun support NonOpera Android Aucun support 44 — 50
Notes
Aucun support 44 — 50
Notes
Notes Only supports the deprecated ink value.
Safari iOS Support complet 8
Préfixée Notes
Support complet 8
Préfixée Notes
Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
Notes Only supports the none and skip values; all other values behave like those two values.
Samsung Internet Android Support complet 7.0

Légende

Support complet  
Support complet
Aucun support  
Aucun support
Fonctionnalité expérimentale. Celle-ci peut être amenée à changer par la suite.
Fonctionnalité expérimentale. Celle-ci peut être amenée à changer par la suite.
Voir les notes d'implémentation.
Voir les notes d'implémentation.
Cette fonctionnalité nécessite un préfixe particulier ou utilise un autre nom.
Cette fonctionnalité nécessite un préfixe particulier ou utilise un autre nom.

Étiquettes et contributeurs liés au document

Contributeurs à cette page : SphinxKnight
Dernière mise à jour par : SphinxKnight,