Cette page a été traduite à partir de l'anglais par la communauté.Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.
text-decoration-skip
Limited availability
Cette fonctionnalité n'est pas Compatible car elle ne fonctionne pas dans certains des navigateurs les plus utilisés.
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 valeurink initialement définie pour cette propriété a été déplacée vers la propriététext-decoration-skip-ink.
Syntaxe
Valeurs
noneLa propriété
text-decorations'applique à tous les éléments sélectionnés.objectsLa propriété
text-decorationn'est pas appliquée pour les éléments en lignes atomiques telles que les images ou les blocs en lignes.spacesLes décorations ne sont pas appliquées où il y a des espaces (c'est-à-diredes caractères Unicode considérés comme des blancs, des séparateurs de mots et toute propriété
letter-spacingouword-spacingadjacente).leading-spacesComportement analogue à
spacesmais seuls les espaces avant les mots sont ignorés.trailing-spacesComportement analogue à
spacesmais seuls les espaces après les mots sont ignorés.edgesLa décoration de
text-decorationest rognée vers l'intérieur de la moitié de la largueur de la ligne, vers la droite et la gauche.
box-decorationLa propriété
text-decorationn'est pas appliquée pour les marges, bordures et zones de remplissage (padding) des éléments fils.
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
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
| Specification |
|---|
| CSS Text Decoration Module Level 4 # text-decoration-skipping |