Ruby-position - Propriété CSS

ruby-position

Résumé des caractéristiques de la propriété ruby-position

Description rapide
Définit la position de l'annotation ruby par rapport à la base.
Statut
Problèmes de compatibilité ⚠
S'applique à
Conteneur ruby.
Utilisable sur
HTML
Valeurs prédéfinies
alternate | over | under | inter-character
Pourcentages
Ne s'appliquent pas.
Valeur initiale
alternate
Héritée par défaut
Oui.
Type d'animation
Discrète : lors d'une animation, la propriété ruby-position passe d'une valeur à l'autre sans transition.
Module W3C
Module CSS - Annotations Ruby
Références (W3C)
Statut du document: WD (document de travail)

Schéma de la syntaxe de ruby-position.

ruby-position - Syntax DiagramSyntax diagram of the ruby-position CSS property. alternate alternate over over under under inter-character inter-characterruby-position:;ruby-position:;
Schéma syntaxique de la propriété ruby-position.
Cliquez sur les liens du schéma pour plus de précisons sur les valeurs.

Description.

Page en cours de rédaction
Reportez-vous à la page Annotations Ruby pour des explications détaillées sur les structures Ruby.

Description des Valeurs pour ruby-position.

  • ruby-position: alternate;

  • ruby-position: over;

  • ruby-position: under;

  • ruby-position: inter-character;

  • ruby-position: initial; (alternate) ruby-position: inherit; ruby-position: revert; ruby-position: revertLayer; ruby-position: unset;

    Les valeurs communes sont présentées sur ces pages : initial, inherit, revert, revert-layer, unset.

Exemple interactif avec la propriété ruby-position.

Chacune des éléments Ruby ci-dessous comporte un texte d'annotation (balise rt) et le groupe comporte une annotation commune (balise rtc). Observez comment la propriété ruby-position influe sur la position de ces annotations.

ruby-position :
📞Tel 📱Mobile 📠Fax @Mail C o n t a c t s

Compatibilité des navigateurs avec ruby-position.

Colonne 1
Support générale des annotations ruby et des propriétés qui s'y rapportent.
Colonne 2
Support de la propriété ruby-position.
Colonne 3
Support de la valeur alternate pour la propriété ruby-position.
Colonne 4
Support de la valeur inter-character pour la propriété ruby-position.

Remarques :

(1) Internet Explorer supporte les propriétés d'une ancienne spécification.

(2) Cette valeur est supportée uniquement avec la version préfixée de la propriété.

1
Annotations
Ruby
2
Propriété
ruby-position
3
Valeur
alternate
4
Valeur
inter-character
Estimation de la prise en charge globale.
3%
96%
2%
10%

Navigateurs sur ordinateurs :

Navigateurs sur mobiles :

Navigateurs obsolètes ou marginaux :

Internet Explorer

1

UC Browser pour Androïd

Opéra Mobile

2

QQ Browser

Baidu Browser

Safari

Samsung Internet

2

Chrome

2

Edge

2

Firefox

Opéra

2

Chrome pour Androïd

2

Safari sur IOS

Androïd Brower

2

Firefox pour Androïd

KaiOS Browser

Opéra mini

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

Histoire de la propriété ruby-position.

Voir aussi, au sujet de Ruby.

Les spécifications concernant le Ruby, comme ruby-position, sont regroupées dans le module CSS Ruby Annotation Layout Module. Les définitions suivantes sont également décrites dans ce module.

Propriétés :

⚠
ruby-align
Définit l'alignement des textes dans une syntaxe ruby.
⚠
ruby-merge
Décrit comment doivent être alignées les annotations ruby lorsque plusieurs se suivent sur une même ligne.
⚠
ruby-overhang
Gère le débordement des annotations dans une présentention ruby.