Ruby-merge - Propriété CSS

ruby-merge

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

Description rapide
Décrit comment doivent être alignées les annotations ruby lorsque plusieurs se suivent sur une même ligne.
Statut
Problèmes de compatibilité ⚠
Utilisable sur
HTML
Valeurs prédéfinies
separate | auto | merge
Pourcentages
Ne s'appliquent pas.
Valeur initiale
separate
Héritée par défaut
Oui.
Type d'animation
Discrète : lors d'une animation, la propriété ruby-merge 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-merge.

ruby-merge - Syntax DiagramSyntax diagram of the ruby-merge CSS property. auto auto separate separate merge mergeruby-merge:;ruby-merge:;
Schéma syntaxique de la propriété ruby-merge
Les liens du schéma donnent accès à plus de détails

Description.

ruby-merge décrit comment doivent être affichées les annotations ruby lorsque plusieurs se suivent sur une même ligne.

Syntaxes pour ruby-merge.

  • ruby-merge: separate;

    Les annotations ruby sont séparées quitte à ce que le texte principal soit espacé.

    běijīng
    北京
    TéléphoneTélécopie
    📞📠
    (simulations)
  • ruby-merge: merge;

    Les annotations ruby d'une même ligne sont regroupées en un seule cadre. Ce dernier étant aligné conformément à la propriété align-position.

    běi jīng
    北京
    Téléphone Télécopie
    📞📠
    (simulations)
  • ruby-merge: auto;

    Cette valeur est équivalente à separate si toutes les largeurs des annotations sont inférieures à la largeur de leur texte de base, et à merge dans le cas contraire.

    běijīng
    北京
    Téléphone Télécopie
    📞📠
    (simulations)

Valeurs communes à toutes les propriétés :

ruby-merge: initial (separate) ruby-merge: inherit ruby-merge: revert ruby-merge: revertLayer ruby-merge: unset

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

Simulateur pour ruby-merge.

ruby-merge :
📞Tel 📱Mobile 📠Télécopie @Mail

Prise en charge par les navigateurs (compatibilité).

Les annotations Ruby sont encore mal prises en charge par les navigateurs. Il en est de même pour la propriété ruby-merge.

Colonne 1
Support générale des annotations ruby et des propriétés qui s'y rapportent.

Remarques :

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

1
Annotations
Ruby
Estimation de la prise en charge globale.
3%

Navigateurs sur ordinateurs :

Navigateurs sur mobiles :

Navigateurs obsolètes ou marginaux :

Internet Explorer

1

KaiOS Browser

Opéra Mobile

Opéra

Firefox pour Androïd

Samsung Internet

Chrome

Edge

Firefox

Androïd Brower

Chrome pour Androïd

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

Historique de la propriété ruby-merge.

Voir aussi, au sujet de Ruby.

Les spécifications concernant le Ruby, comme ruby-merge, 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-overhang
Gère le débordement des annotations dans une présentention ruby.
⚠
ruby-position
Définit la position de l'annotation ruby par rapport à la base.