CSS Ruby
CSS Ruby Layout is a module of CSS that provides the rendering model and formatting controls related to the display of ruby annotation. Ruby annotation is a form of interlinear annotation, consisting of short runs of text alongside the base text. They are typically used in East Asian documents to indicate pronunciation or to provide a short annotation.
Reference
CSS properties
Specifications
ruby-align property
|
Desktop |
|
Chrome |
Edge |
Firefox |
Internet Explorer |
Opera |
Safari |
|
Basic support
|
No |
No
- No
- 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.
|
38 |
No
- No
- 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.
|
No |
No |
|
Mobile |
|
Android webview |
Chrome for Android |
Edge Mobile |
Firefox for Android |
Opera for Android |
iOS Safari |
Samsung Internet |
|
Basic support
|
No |
? |
? |
38 |
No |
No |
No |
ruby-position property
|
Desktop |
|
Chrome |
Edge |
Firefox |
Internet Explorer |
Opera |
Safari |
|
Basic support
|
No |
12 |
38 |
No
- No
- Internet Explorer 9 and later support an old draft values:
inline (equivalent of having display: inline on the ruby), and above (synonym of the modern over).
|
? |
No
- No
- Safari implements a non-standard, prefixed, version of
ruby-position, -webkit-ruby-position: it has two properties: before and after (both equivalent, for ltr and rtl scripts to the standard over value used with ruby-align: start).
|
inter-character
|
No |
? |
No |
No |
? |
No |
|
Mobile |
|
Android webview |
Chrome for Android |
Edge Mobile |
Firefox for Android |
Opera for Android |
iOS Safari |
Samsung Internet |
|
Basic support
|
No |
? |
Yes |
38 |
No |
No
- No
- Safari implements a non-standard, prefixed, version of
ruby-position, -webkit-ruby-position: it has two properties: before and after (both equivalent, for ltr and rtl scripts to the standard over value used with ruby-align: start).
|
No |
inter-character
|
No |
? |
No |
No |
No |
No |
No |