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
Medienvisuell
Berechneter Wertwie angegeben
Animationstypdiskret
Kanonische Reihenfolgedie eindeutige Reihenfolge definiert durch die formale Grammatik

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

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid WebviewChrome für AndroidEdge MobileFirefox für AndroidOpera für AndroidSafari auf iOSSamsung Internet
Grundlegende Unterstützung
Experimentell
Chrome Keine Unterstützung NeinEdge Keine Unterstützung Nein
Hinweise
Keine Unterstützung Nein
Hinweise
Hinweise Edge supports an earlier draft of CSS Ruby with non-standard values for this property: auto, left, center, right, distribute-letter, distribute-space, and line-edge.
Firefox Vollständige Unterstützung 38IE Keine Unterstützung Nein
Hinweise
Keine Unterstützung Nein
Hinweise
Hinweise Internet Explorer 9 and later supports an earlier draft of CSS Ruby with non-standard values for this property: auto, left, center, right, distribute-letter, distribute-space, and line-edge.
Opera Keine Unterstützung NeinSafari Keine Unterstützung NeinWebView Android Keine Unterstützung NeinChrome Android ? Edge Mobile ? Firefox Android Vollständige Unterstützung 38Opera Android Keine Unterstützung NeinSafari iOS Keine Unterstützung NeinSamsung Internet Android Keine Unterstützung Nein

Legende

Vollständige Unterstützung  
Vollständige Unterstützung
Keine Unterstützung  
Keine Unterstützung
Kompatibilität unbekannt  
Kompatibilität unbekannt
Experimentell. Das Verhalten kann sich zukünftig ändern.
Experimentell. Das Verhalten kann sich zukünftig ändern.
Siehe Implementierungshinweise.
Siehe Implementierungshinweise.

Siehe auch

Schlagwörter des Dokuments und Mitwirkende

Mitwirkende an dieser Seite: SJW, Sebastianz
Zuletzt aktualisiert von: SJW,