Skip to content

Conversation

DrakesBot12
Copy link
Contributor

@DrakesBot12 DrakesBot12 commented Aug 3, 2025

Описание

Добавляю доку про свойства 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/)

@github-actions github-actions bot added css Контент по CSS дока Справочный материал labels Aug 3, 2025
Copy link
Member

@solarrust solarrust left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Очень интересно было узнать про эти свойства. Никогда не работала с иероглифами, не приходилось изучать.

Оставила небольшие редакторские предложения. Посмотри, пожалуйста

Copy link

github-actions bot commented Sep 3, 2025

Превью контента из 05980b4 опубликовано.

Copy link
Contributor

@nasty23-star nasty23-star left a 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` позволяет использовать несколько уровней аннотаций, автоматически распределяя их. Поддерживается не во всех браузерах!
Copy link
Contributor

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

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

и дать ссылку на спецификацию по ruby

💡 Свойство `ruby-overhang` полезно, когда:
- аннотация длиннее базового текста (например, фуригана к иероглифу);
- вы хотите сохранить аккуратную типографику;
- нужно избежать наложений с другими элементами.
Copy link
Contributor

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;
}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

css Контент по CSS дока Справочный материал

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Не хватает материала о ruby-position ruby-align ruby-overhang

4 participants