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.
An example of "text-decoration-skip: ink;".

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 initialeauto
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 sur iOSSamsung Internet
Support simple
Expérimentale
Chrome Support complet 64Edge Aucun support NonFirefox Aucun support NonIE Aucun support NonOpera Support complet 50Safari Aucun support NonWebView Android Support complet 64Chrome Android Support complet 64Edge Mobile Aucun support NonFirefox Android Aucun support NonOpera Android Support complet 50Safari iOS Aucun support NonSamsung 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.

Étiquettes et contributeurs liés au document

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