-
Notifications
You must be signed in to change notification settings - Fork 686
Добавляет доку про свойства ruby-align
, ruby-position
, ruby-overhang
#5849
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
base: main
Are you sure you want to change the base?
Добавляет доку про свойства ruby-align
, ruby-position
, ruby-overhang
#5849
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Очень интересно было узнать про эти свойства. Никогда не работала с иероглифами, не приходилось изучать.
Оставила небольшие редакторские предложения. Посмотри, пожалуйста
Co-authored-by: Alena Batitskaia <[email protected]>
Co-authored-by: Alena Batitskaia <[email protected]>
Co-authored-by: Alena Batitskaia <[email protected]>
Co-authored-by: Alena Batitskaia <[email protected]>
Co-authored-by: Alena Batitskaia <[email protected]>
Co-authored-by: Alena Batitskaia <[email protected]>
Co-authored-by: Alena Batitskaia <[email protected]>
Co-authored-by: Alena Batitskaia <[email protected]>
Превью контента из 05980b4 опубликовано. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Спасибо за интересную доку!
💡 В горизонтальном тексте `over` = над строкой, `under` = под строкой. | ||
💡 В вертикальном тексте ([`writing-mode: vertical-rl`](/css/writing-mode)) `over` = справа, `under` = слева. | ||
💡 `inter-character` размещает аннотацию между символами базового текста. | ||
💡 Значение `alternate` позволяет использовать несколько уровней аннотаций, автоматически распределяя их. Поддерживается не во всех браузерах! |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
По желанию можно также указать, что есть значение ruby-merge https://drafts.csswg.org/css-ruby/#propdef-ruby-merge
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
и дать ссылку на спецификацию по ruby
💡 Свойство `ruby-overhang` полезно, когда: | ||
- аннотация длиннее базового текста (например, фуригана к иероглифу); | ||
- вы хотите сохранить аккуратную типографику; | ||
- нужно избежать наложений с другими элементами. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
можно добавить про совместимость с ruby-align
.combined-example {
ruby-overhang: auto;
ruby-align: space-between;
ruby-position: over;
}
Описание
Добавляю доку про свойства
ruby-align
,ruby-position
,ruby-overhang
Closes #5848
Превью
ruby-align
: https://content-5849.dev.doka.guide/css/ruby-align/Превью
ruby-position
: https://content-5849.dev.doka.guide/css/ruby-position/Превью
ruby-overhang
: https://content-5849.dev.doka.guide/css/ruby-overhang/Чек-лист
/css/color/
,/tools/json/
,/tools/gulp/#kak-ponyat
)images/example.png
,demos/example/
,../demos/example/
)