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é ⚠
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 syntaxique 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
Les liens du schéma donnent accès à plus de détails

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;

Valeurs communes à toutes les propriétés :

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

Prise en charge par les navigateurs (compatibilité).

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

KaiOS Browser

Opéra Mobile

2

Opéra

2

Firefox pour Androïd

Samsung Internet

2

Chrome

2

Edge

2

Firefox

Androïd Brower

2

Chrome pour Androïd

2

Baidu Browser

QQ Browser

Safari

Safari sur IOS

UC Browser pour Androïd

Opéra mini

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

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