text-decoration-skip-ink

Aller à :
  1. Syntaxe
  2. Exemples
  3. Spécifications
  4. Compatibilité des navigateurs

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.		 Brouillon de l'éditeur 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

FonctionnalitéChromeEdgeFirefoxInternet ExplorerOperaSafari
Support simple64 Non Non Non50 Non
FonctionnalitéAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Support simple6464 Non Non50 Non Non

Étiquettes et contributeurs liés au document

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