From 258ba7b4be62d8640477a3bd3146d08b00cb70ec Mon Sep 17 00:00:00 2001 From: julieng Date: Fri, 17 Sep 2021 20:59:20 +0200 Subject: convert content to md --- files/fr/web/css/text-decoration-skip-ink/index.md | 72 ++++++++++------------ 1 file changed, 31 insertions(+), 41 deletions(-) (limited to 'files/fr/web/css/text-decoration-skip-ink') diff --git a/files/fr/web/css/text-decoration-skip-ink/index.md b/files/fr/web/css/text-decoration-skip-ink/index.md index 1e998a6778..148eb92d32 100644 --- a/files/fr/web/css/text-decoration-skip-ink/index.md +++ b/files/fr/web/css/text-decoration-skip-ink/index.md @@ -9,13 +9,14 @@ tags: - Web translation_of: Web/CSS/text-decoration-skip-ink --- -
{{CSSRef}}
+{{CSSRef}} -

La propriété CSS text-decoration-skip-ink définit la façon dont la ligne décorative (en dessous ou au dessus du texte) est dessinée lorsqu'elle rencontre le jambage ou la hampe d'un caractère (ou glyphe).

+La propriété CSS **`text-decoration-skip-ink`** définit la façon dont la ligne décorative (en dessous ou au dessus du texte) est dessinée lorsqu'elle rencontre [le jambage](https://fr.wikipedia.org/wiki/Jambage) ou [la hampe]() d'un caractère (ou glyphe). -

Syntaxe

+## Syntaxe -
/* Valeur avec un mot-clé */
+```css
+/* Valeur avec un mot-clé */
 text-decoration-skip-ink: none;
 text-decoration-skip-ink: auto;
 
@@ -23,61 +24,50 @@ text-decoration-skip-ink: auto;
 text-decoration-skip: inherit;
 text-decoration-skip: initial;
 text-decoration-skip: unset;
-
+``` -

Valeurs

+### Valeurs -
-
none
-
La ligne décorative traverse l'ensemble des glyphes, qu'ils aient un jambage ou une hampe.
-
auto
-
La valeur par défaut : la ligne (au dessus ou en dessous du texte) est uniquement dessinée de façon à ne pas être proche des jambages ou hampes des glyphes. Autrement dit, la ligne est interrompue à chaque fois qu'elle croise un glyphe. An example of "text-decoration-skip: ink;".
-
+- `none` + - : La ligne décorative traverse l'ensemble des glyphes, qu'ils aient un jambage ou une hampe. +- `auto` + - : La valeur par défaut : la ligne (au dessus ou en dessous du texte) est uniquement dessinée de façon à ne pas être proche des jambages ou hampes des glyphes. Autrement dit, la ligne est interrompue à chaque fois qu'elle croise un glyphe. ![An example of "text-decoration-skip: ink;".](decoration-skip-ink.png) -

Syntaxe formelle

+### Syntaxe formelle {{csssyntax}} -

Exemples

+## Exemples -

HTML

+### HTML -
<p>Un instant après, Alice était à la poursuite du Lapin dans le terrier…</p>
+```html +

Un instant après, Alice était à la poursuite du Lapin dans le terrier…

+``` -

CSS

+### CSS -
p {
+```css
+p {
   margin: 0;
   font-size: 2em;
   text-decoration: underline blue;
   text-decoration-skip-ink: auto;
-}
+} +``` -

Résultat

+### Résultat -

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

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

Spécifications

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

{{cssinfo}}

+{{cssinfo}} -

Compatibilité des navigateurs

+## Compatibilité des navigateurs -

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

+{{Compat("css.properties.text-decoration-skip-ink")}} -- cgit v1.2.3-54-g00ecf