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
Utilisable sur
HTML, SVG
Valeurs prédéfinies
auto | alphabetic | central | hanging | ideographic | mathematical | middle | text-bottom | text-top
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)
Statut du document: WD (document de travail)

Schéma de la syntaxe de dominant-baseline.

dominant-baseline - Syntax DiagramSyntax diagram of the dominant-baseline CSS property. See stylescss.free.fr for details. auto auto text-top text-top text-bottom text-bottom alphabetic alphabetic ideographic ideographic middle middle central central mathematical mathematical hanging hangingdominant-baseline:;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.

⚠
Page en préparation

Valeurs pour dominant-baseline.

  • dominant-baseline: auto;

    Ligne de base auto

  • dominant-baseline: text-top;

    Ligne de base text-top

  • dominant-baseline: text-bottom;

    Ligne de base text-bottom

  • dominant-baseline: alphabetic;

    Ligne de base alphabetic

  • dominant-baseline: ideographic;

    Ligne de base ideographic

  • dominant-baseline: middle;

    Ligne de base middle

  • dominant-baseline: central;

    Ligne de base central

  • dominant-baseline: mathematical;

    Ligne de base mathematical

  • dominant-baseline: hanging;

    Ligne de base hanging

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

Exemple interactif avec la propriété dominant-baseline.

dominant-baseline :
SVG
Texte standard Échantillon

Compatibilité des navigateurs avec dominant-baseline.

Colonne 1
Support de la propriété dominant-baseline.
1
Propriété
dominant-baseline
Estimation de la prise en charge globale.
95%

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.
    WD
    18 Décembre 2014
    Document de travail.
    CR
    PR
    REC

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 :

Propriétés :

alignment-baseline
Définit comment un élément est aligné, dans le sens vertical, par rapport à son parent.
⚠
baseline-shift
⚠
baseline-source
Définit si l'alignment vertical d'un élément doit se faire par rapport à sa premère ou sa dernière ligne de texte.
⚠
initial-letter
Définit les paramètres des lettrines.
⚠
initial-letter-align
Spécifie le point à utiliser pour aligner la lettrine.
⚠
initial-letter-wrap
Définit comment le texte doit contourner les lettrines.
line-height
Définit la hauteur des lignes de texte.
⚠
text-box-edge
Définit le métrique des textes CJK.
⚠
text-box-trim
Spécifie comment la réduction des dimensions d'une boîte de texte doit se faire pour se conformer à text-box-edge (langages CJK).
vertical-align
Alignement vertical.