ruby-align

Experimental

Dies ist eine experimentelle Technologie
Da diese Technologie noch nicht definitiv implementiert wurde, sollte die Browserkompatibilit├Ąt beachtet werden. Es ist auch m├Âglich, dass die Syntax in einer sp├Ąteren Spezifikation noch ge├Ąndert wird.

├ťbersicht

Die ruby-align CSS Eigenschaft definiert die Verteilung der verschiedenen Rubyelemente ├╝ber die Basis.

Initialwertspace-around
Anwendbar aufRuby-Basiselemente, Ruby-Anmerkungen, Ruby-Basiscontainer, Ruby-Anmerkungscontainer
VererbtJa
Berechneter Wertwie angegeben
Animationstypdiskret

Syntax

/* Schl├╝sselwortwerte */
ruby-align: start;
ruby-align: center;
ruby-align: space-between;
ruby-align: space-around;

/* Globale Werte */
ruby-align: inherit;
ruby-align: initial;
ruby-align: unset;

Werte

start
Ist ein Schl├╝sselwort, dass angibt, dass die Anmerkung am dem Start des Basistexts ausgerichtet wird.
center
Ist ein Schl├╝sselwort, dass angibt, dass die Anmerkung mittig am Basistext ausgerichtet wird.
space-between
Ist ein Schl├╝sselwort, das angibt, dass der zus├Ątzliche Abstand zwischen die Elemente der Anmerkung verteilt wird.
space-around
Ist ein Schl├╝sselwort, das angibt, dass der zus├Ątzliche Abstand zwischen und um die Elemente der Anmerkung verteilt wird.

Formale Syntax

start | center | space-between | space-around

Beispiele

Dieses HTML wird mit jedem Wert von ruby-align unterschiedlich dargestellt:

<ruby>
  <rb>Dies ist ein langer Text als Beispiel</rb>
  <rp>´╝ł</rp><rt>kurzes Ruby</rt><rp>´╝ë</rp>
</ruby>

Ruby am Start des Basistexts ausgerichtet

ruby {
    ruby-align:start;
}

Dies ergibt folgende Ausgabe:

Ruby mittig am Basistext ausgerichtet

ruby {
    ruby-align:center;
}

Dies ergibt folgende Ausgabe:

Zus├Ątzlicher Abstand verteilt zwischen Rubyelementen

ruby {
    ruby-align:space-between;
}

Dies ergibt folgende Ausgabe:

Zus├Ątzlicher Abstand verteilt zwischen und um Rubyelemente

ruby {
    ruby-align:space-around;
}

Dies ergibt folgende Ausgabe:

Spezifikationen

Spezifikation Status Kommentar
CSS Ruby Layout Module Level 1
Die Definition von 'ruby-align' in dieser Spezifikation.
Arbeitsentwurf Urspr├╝ngliche Definition

Browser Kompatibilit├Ąt

BCD tables only load in the browser

Siehe auch