baseline-shift - Propriété CSS
Résumé des caractéristiques de la propriété baseline-shift
sub
| super
| top
| center
| bottom
0
baseline-shift
passe d'une valeur à l'autre sans transition.Description de la propriété baseline-shift
.
vertical-align
.
La propriété baseline-shift
définit un décalage du texte dans le sens vertical, par rapport à une ligne de référence.
Cette dernière est par défaut baseline
mais peut être changée par la propriété alignment-baseline
.
Consultez également la page sur la propriété résumée vertical-align
qui fonctionne mieux sur un document HTML.
Syntaxes pour baseline-shift
.
v
est une valeur de décalage par rapport à la ligne de base du texte.
baseline-shift:
;
Tous les exemples qui suivent sont réalisés en SVG. En effet, les navigateurs traitent mieux cette propriété sur les éléments SVG (2024).
- baseline-shift: sub;
Le texte de l'élément est décalé vers le bas : mis en indice.
Cependant la taille des caractères n'est pas changée comme cela se fait habituellement pour les indices. - baseline-shift: super;
Le texte de l'élément est décalé vers le haut (mis en exposant).
La taille des caractères reste inchangée - baseline-shift: top; ⚠
- baseline-shift: center; ⚠
- baseline-shift: bottom; ⚠
- baseline-shift: 8px;
Avec cette syntaxe, le décalage du texte est spécifié par une valeur suivie d'une unité de dimension ou un pourcentage (voir les unités CSS de dimension).
Si la valeur est positive, le texte sera décalé vers le haut. Une valeur négative décale le texte vers le bas. - baseline-shift:
initial
; baseline-shift:inherit
; baseline-shift:revert
; baseline-shift:revert-layer
; baseline-shift:unset
;La valeur initiale est :
.0
Simulateur sur HTML et SVG.
Volume du cube = a3
Prise en charge par les navigateurs (compatibilité).
La propriété baseline-shift
est normalement destinée aux fichiers SVG. Pour les documents HTML le W3C conseille l'utilisation
de vertical-align
à la place.
baseline-shift
vertical-align
Navigateurs sur ordinateurs :
Navigateurs sur mobiles :
Navigateurs obsolètes ou marginaux :
Androïd Brower
Chrome
Chrome pour Androïd
Edge
Firefox
Firefox pour Androïd
Internet Explorer
Opéra
Opéra Mobile
Safari
Safari sur IOS
Samsung Internet
Voir aussi, dans le même module de standardisation que baseline-shift
.
Les spécifications CSS éditées par le W3C sont organisées en modules. baseline-shift
fait partie du Module CSS - Mise en page en ligne (CSS Inline Layout Module). Les définitions suivantes sont également décrites dans ce même module.