From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/fr/web/css/text-decoration-skip/index.html | 107 +++++++++++++++++++++++ 1 file changed, 107 insertions(+) create mode 100644 files/fr/web/css/text-decoration-skip/index.html (limited to 'files/fr/web/css/text-decoration-skip') diff --git a/files/fr/web/css/text-decoration-skip/index.html b/files/fr/web/css/text-decoration-skip/index.html new file mode 100644 index 0000000000..39d8c49dfa --- /dev/null +++ b/files/fr/web/css/text-decoration-skip/index.html @@ -0,0 +1,107 @@ +--- +title: text-decoration-skip +slug: Web/CSS/text-decoration-skip +tags: + - CSS + - Experimental + - Propriété + - Reference +translation_of: Web/CSS/text-decoration-skip +--- +
{{CSSRef}}
+ +

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é {{cssxref("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é {{cssxref("letter-spacing")}} ou {{cssxref("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

+ +
{{csssyntax}}
+ +

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

+ +

{{EmbedLiveSample("Exemples", "100%", 60)}}

+ +

Spécifications

+ + + + + + + + + + + + + + + + +
SpécificationÉtatCommentaires
{{SpecName("CSS4 Text Decoration", "#text-decoration-skip-property", "text-decoration-skip")}}{{Spec2("CSS4 Text Decoration")}}Définition initiale.
+ +

{{cssinfo}}

+ +

Compatibilité des navigateurs

+ + + +

{{Compat("css.properties.text-decoration-skip")}}

-- cgit v1.2.3-54-g00ecf