`Dominant-baseline` - Propriété CSS

dominant-baseline

Résumé des caractéristiques de la propriété `dominant-baseline`

Description rapide

Définit la ligne de base utilisée pour les alignements verticaux de textes.

Statut

Standard

S'applique à

Balises text, textPath et tspan.

Utilisable sur

SVG

Valeurs prédéfinies

Pourcentages

Ne s'appliquent pas.

Valeur initiale

auto

Héritée par défaut

Oui.

Type d'animation

Discrète : lors d'une animation, la propriété dominant-baseline passe d'une valeur à l'autre sans transition.

Module W3C

Module CSS - Mise en page en ligne

Références (W3C)

CSS Inline Layout Module Level 3

Statut du document: WD (document de travail)

Schéma de la syntaxe de `dominant-baseline`.

Schéma syntaxique de la propriété dominant-baseline.
Cliquez sur les liens du schéma pour plus de précisons sur les valeurs. Télécharger le schéma en SVG

Description de la propriété `dominant-baseline`.

dominant-baseline spécifie la ligne de base utilisée pour aligner les textes et autres éléments inline, tout au moins ceux dont la propriété vertical-align n'a pas été modifiée. Elle est utilisable en SVG.

dominant-baseline redéfinit la table de ligne de base de la police. Cette table contient :

Une ligne de base dominante, utilisée pour les alignements.
D'autres lignes de base.
Des tailles de police.

Par rapport à alignment-baseline, la différence est que dominant-baseline redéfinit la table de lignes de base, alors que alignment-baseline ne le fait pas. Voir alignment-baseline.

Valeurs pour `dominant-baseline`.

dominant-baseline: auto;

Valeur initiale de la propriété.

SVG
dominant-baseline: text-top; dominant-baseline: text-bottom;

SVG

SVG
dominant-baseline: alphabetic;

SVG
dominant-baseline: ideographic;

SVG
dominant-baseline: middle;

La demi-hauteur des lettres minuscules.

SVG
dominant-baseline: central;

La demi-hauteur des lettres majuscules.

SVG
dominant-baseline: mathematical;

SVG
dominant-baseline: hanging;

SVG
dominant-baseline: text-after-edge; dominant-baseline: text-before-edge;

Voici enfin deux valeurs qui ne sont pas spécifiée dans le norme, mais qui sont pourtant reconnues par la plupart des navigateurs.

SVG

SVG
dominant-baseline: initial; (auto) dominant-baseline: inherit; dominant-baseline: revert; dominant-baseline: revertLayer; dominant-baseline: unset;

Consultez les pages suivantes pour plus de détails : initial, inherit, revert, revert-layer, unset.

Compatibilité des navigateurs avec `dominant-baseline`.

Colonne 1

Support de la propriété dominant-baseline.

Colonne 2

Support de la propriété alignment-baseline.

Propriété
dominant-baseline

Propriété
alignment-baseline

Estimation de la prise en charge globale.

95%

93%

Navigateurs sur ordinateurs :

Navigateurs sur mobiles :

Navigateurs obsolètes ou marginaux :

Internet Explorer

Baidu Browser

QQ Browser

Opéra Mobile

Firefox

Chrome

Safari

Edge

Opéra

Chrome pour Androïd

Safari sur IOS

Samsung Internet

UC Browser pour Androïd

Androïd Brower

Firefox pour Androïd

KaiOS Browser

Opéra mini

Voir le site Caniuse.com pour plus d'informations de compatibilité.

Caniuse

Histoire de la propriété `dominant-baseline`.

Module CSS - Mise en page en ligne - Niveau 3

Prenant la suite des faibles possibilités d'alignement vertical de CSS2, cette spécification précise et enrichit les possibilités de positionnement par rapport à la ligne de base.
De nombreuses propriétés sont ajoutées, dont baseline-source.

18 Décembre 2014
Document de travail.

Voir aussi, concernant les alignements.

Le module de spécification dénommé "Module CSS - Mise en page en ligne" (ou CSS Inline Layout Module en anglais) définit ce qui est relatif à la disposition en ligne des éléments, que ce soit dans un objet SVG ou dans un document HTML. La propriété dominant-baseline est décrite dans ce module, ainsi que les suivantes :