text-decoration-skip-ink

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).

Syntaxe

/* Valeur avec un mot-clé */
text-decoration-skip-ink: none;
text-decoration-skip-ink: auto;

/* Valeurs globales */
text-decoration-skip: inherit;
text-decoration-skip: initial;
text-decoration-skip: unset;

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.

Syntaxe formelle

auto | none

Exemples

HTML

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

CSS

p {
  margin: 0;
  font-size: 2em;
  text-decoration: underline blue;
  text-decoration-skip-ink: auto;
}

Résultat

Spécifications

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

Valeur initiale	`auto`
Applicabilité	tous les éléments
Héritée	oui
Média	visuel
Valeur calculée	comme spécifié
Type d'animation	discrète
Ordre canonique	l'ordre d'apparition dans la grammaire formelle des valeurs

Compatibilité des navigateurs

Update compatibility data on GitHub

	Ordinateur						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Webview Android	Chrome pour Android	Edge Mobile	Firefox pour Android	Opera pour Android	Safari pour iOS	Samsung Internet
Support simple Expérimentale	Chrome Support complet 64	Edge Aucun support Non	Firefox Aucun support Non	IE Aucun support Non	Opera Support complet 50	Safari Aucun support Non	WebView Android Support complet 64	Chrome Android Support complet 64	Edge Mobile Aucun support Non	Firefox Android Aucun support Non	Opera Android Support complet 50	Safari iOS Aucun support Non	Samsung Internet Android Aucun support Non

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.