From 9a6d0bf7147e507ec482256b3a7a8efe00601a5b Mon Sep 17 00:00:00 2001 From: DrakesWeb Date: Mon, 4 Aug 2025 00:03:48 +0300 Subject: [PATCH 01/23] =?UTF-8?q?=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=BB?= =?UTF-8?q?=D1=8F=D1=8E=20=D0=B4=D0=BE=D0=BA=D1=83=20=D0=BF=D1=80=D0=BE=20?= =?UTF-8?q?=D1=81=D0=B2=D0=BE=D0=B9=D1=81=D1=82=D0=B2=D0=B0=20ruby-align,?= =?UTF-8?q?=20ruby-position,=20ruby-overhang?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/ruby-align/demos/basic/index.html | 71 +++++++++++ css/ruby-align/demos/practis/index.html | 137 ++++++++++++++++++++ css/ruby-align/index.md | 72 +++++++++++ css/ruby-overhang/demos/basic/index.html | 79 ++++++++++++ css/ruby-overhang/index.md | 77 ++++++++++++ css/ruby-position/demos/basic/index.html | 79 ++++++++++++ css/ruby-position/demos/practis/index.html | 139 +++++++++++++++++++++ css/ruby-position/index.md | 82 ++++++++++++ 8 files changed, 736 insertions(+) create mode 100644 css/ruby-align/demos/basic/index.html create mode 100644 css/ruby-align/demos/practis/index.html create mode 100644 css/ruby-align/index.md create mode 100644 css/ruby-overhang/demos/basic/index.html create mode 100644 css/ruby-overhang/index.md create mode 100644 css/ruby-position/demos/basic/index.html create mode 100644 css/ruby-position/demos/practis/index.html create mode 100644 css/ruby-position/index.md diff --git a/css/ruby-align/demos/basic/index.html b/css/ruby-align/demos/basic/index.html new file mode 100644 index 0000000000..6b5c50d221 --- /dev/null +++ b/css/ruby-align/demos/basic/index.html @@ -0,0 +1,71 @@ + + + + Выравнивание аннотаций ruby-align — ruby-align — Дока + + + + + + + + +
+ + 風林 + (Ветер и лес) + + + 火山 + (Огонь и гора) + + + 雨月 + (Дождь и луна) + +
+ + diff --git a/css/ruby-align/demos/practis/index.html b/css/ruby-align/demos/practis/index.html new file mode 100644 index 0000000000..7ba17f93b0 --- /dev/null +++ b/css/ruby-align/demos/practis/index.html @@ -0,0 +1,137 @@ + + + + Интерактивная демка по ruby-align — ruby-align — Дока + + + + + + + + +
+
+
+ +
+ + 山川 + (Горы и реки) + +
+
+
+ +
+ + 花鳥 + (Цветы и птицы) + +
+
+
+ +
+ + 日月 + (Солнце и луна) + +
+
+ + + diff --git a/css/ruby-align/index.md b/css/ruby-align/index.md new file mode 100644 index 0000000000..e99a1284e6 --- /dev/null +++ b/css/ruby-align/index.md @@ -0,0 +1,72 @@ +--- +title: "`ruby-align`" +description: "Выравниваем аннотаций относительно базового текста с помощью нативного CSS!" +authors: + - drakesbot12 +keywords: + - руби + - ruby + - выравнивание + - японский +related: + - html/ruby + - css/ruby-position + - css/writing-mode +tags: + - doka +--- + +## Кратко + +Свойство `ruby-align` определяет, как аннотации (руби-текст) выравниваются относительно базового текста в элементе [``](/html/ruby/). Это полезно при работе с восточноазиатскими языками, особенно японским. + +## Пример + +```html + + 風林 + (Ветер и лес) + + + 火山 + (Огонь и гора) + + + 雨月 + (Дождь и луна) + +``` + +```css +ruby { + ruby-align: center; +} +``` + + + +## Как пишется + +```css +.element { + ruby-align: start | center | space-between | space-around; +} +``` + +- `start` — аннотация выравнивается по началу текста (значение по умолчанию). +- `center` — аннотация выравнивается по центру символов базового текста. +- `space-between` — аннотации распределяются с равными промежутками между символами основного текста. +- `space-around` — аннотации распределяются с равными промежутками вокруг символов. + +Свойство работает только внутри элементов с `display: ruby` и аннотациями ``. + +## Как понять + +Когда вы используете аннотации над или под иероглифами (например, японскими), важно контролировать, как они соотносятся с основным текстом. Это особенно критично при сложных фразах или вертикальном письме. `ruby-align` позволяет точно управлять этим выравниванием. + + + +## Подсказки + +💡 Свойство `ruby-align` применяется только к родительскому элементу [``](/html/ruby/). +💡 Чтобы аннотации были видны, используйте элементы [``](/html/ruby/) и ``, а также корректный HTML-структурный контент. diff --git a/css/ruby-overhang/demos/basic/index.html b/css/ruby-overhang/demos/basic/index.html new file mode 100644 index 0000000000..b24942321e --- /dev/null +++ b/css/ruby-overhang/demos/basic/index.html @@ -0,0 +1,79 @@ + + + + Пример работы ruby-overhang — ruby-overhang — Дока + + + + + + + + +
+ + 表 + ( + поверхность + ) + + + 現 + ( + проявление + ) + +
+ + diff --git a/css/ruby-overhang/index.md b/css/ruby-overhang/index.md new file mode 100644 index 0000000000..c8881aa593 --- /dev/null +++ b/css/ruby-overhang/index.md @@ -0,0 +1,77 @@ +--- +title: "`ruby-overhang`" +description: "Позволяем (или нет) выходить руби-подписи за пределы основного текста." +authors: + - drakesbot12 +keywords: + - руби + - ruby + - надписи + - пределы +related: + - css/ruby-align + - css/ruby-position + - html/ruby +tags: + - doka +--- +## Кратко + +Свойство `ruby-overhang` определяет, может ли руби-подпись (``) выходить за пределы основного текста ([``](/html/ruby/)) и частично накладываться на соседний контент. + +## Пример + +```html + + 表 + ( + поверхность + ) + + + 現 + ( + проявление + ) + +``` + +```css +.auto { + ruby-overhang: auto; +} + +.none { + ruby-overhang: none; +} +``` + + + + + +## Как пишется + +```css +ruby { + ruby-overhang: auto; +} +``` + +Допустимые значения: + +`auto` — разрешает выходить руби-подписи за границы основного текста, если это необходимо; +`none` — запрещает выход аннотации за пределы блока [``](/html/ruby/). + +## Как понять + +Если аннотация слишком длинная, браузер по умолчанию может позволить ей немного выступить за границы базового текста. Это помогает избежать сжатия текста или нарушения ритма строки. + +Если же вы хотите, чтобы аннотации строго укладывались в рамки, используйте `ruby-overhang: none`. + +## Подсказки + +💡 Свойство `ruby-overhang` полезно, когда: +- аннотация длиннее базового текста (например, фуригана к иероглифу); +- вы хотите сохранить аккуратную типографику; +- нужно избежать наложений с другими элементами. diff --git a/css/ruby-position/demos/basic/index.html b/css/ruby-position/demos/basic/index.html new file mode 100644 index 0000000000..ec9920e580 --- /dev/null +++ b/css/ruby-position/demos/basic/index.html @@ -0,0 +1,79 @@ + + + + Аннотация под основным текстом с ruby-position: under — ruby-position — Дока + + + + + + + + +
+ + 火山 + ( + Огонь и гора + ) + + + + 花鳥 + ( + Цветы и птицы + ) + + + 日月 + ( + Солнце и луна + ) + +
+ + diff --git a/css/ruby-position/demos/practis/index.html b/css/ruby-position/demos/practis/index.html new file mode 100644 index 0000000000..1260328b31 --- /dev/null +++ b/css/ruby-position/demos/practis/index.html @@ -0,0 +1,139 @@ + + + + Интерактивная демка по ruby-position — ruby-position — Дока + + + + + + + + +
+
+
+ +
+ + 花鳥 + (Цветы и птицы) + +
+
+
+ +
+ + 雨月 + (Дождь и луна) + +
+
+
+ +
+ + 火山 + (Огонь и гора) + +
+
+ + + diff --git a/css/ruby-position/index.md b/css/ruby-position/index.md new file mode 100644 index 0000000000..f9bab29e3e --- /dev/null +++ b/css/ruby-position/index.md @@ -0,0 +1,82 @@ +--- +title: "`ruby-position`" +description: "Управляем размещением аннотаций (руби-текста) относительно основного текста: над ним, под ним, между символами или в чередующемся порядке." +authors: + - drakesbot12 +keywords: + - фуригана + - руби + - аннотации + - позиция + - японский +related: + - html/ruby + - css/ruby-align + - css/writing-mode +tags: + - doka +--- + +## Кратко + +Свойство `ruby-position` задаёт положение аннотаций `` относительно основного текста внутри элемента [``](/html/ruby). Это свойство особенно полезно при работе с восточноазиатскими языками, где часто используются руби-аннотации — например, фуригана в японском. + +## Пример + +```html + + 火山 + ( + Огонь и гора + ) + + + 花鳥 + ( + Цветы и птицы + ) + + + 日月 + ( + Солнце и луна + ) + +``` + +```css +ruby { + ruby-position: under; +} +``` + + + +## Как пишется + +```css +.element { + ruby-position: over | under | inter-character | alternate | alternate over | alternate under; +} +``` + +- `over` — аннотация над текстом (или справа, если используется вертикальное письмо). +- `under` — аннотация под текстом (или слева при вертикальном письме). +- `inter-character` — аннотация располагается между символами базового текста, на правой стороне. Работает только при определённой структуре и может принудительно включать вертикальное направление у аннотаций. +- `alternate` — аннотации могут чередоваться между положениями `over` и `under`, если их несколько. Это значение используется, например, с элементом ``, где есть аннотации разного уровня (**значение по умолчанию**). +- `alternate over / alternate under` — уточняют порядок чередования при использовании `alternate`. + +## Как понять + +В языках вроде японского или китайского аннотации нужны, чтобы пояснять произношение или значение символов. Иногда их размещают над символами, иногда — под, особенно в учебных текстах. А если аннотации многоуровневые, их можно чередовать. `ruby-position` позволяет точно управлять этим расположением. + + + + + +## Подсказки + +💡 В горизонтальном тексте `over` = над строкой, `under` = под строкой. +💡 В вертикальном тексте ([`writing-mode: vertical-rl`](/css/writing-mode)) `over` = справа, `under` = слева. +💡 `inter-character` размещает аннотацию между символами базового текста. +💡 Значение `alternate` позволяет использовать несколько уровней аннотаций, автоматически распределяя их. Поддерживается не во всех браузерах! From fc147ebaffee6cb2f656fee9c22c57ce402cc3f7 Mon Sep 17 00:00:00 2001 From: vitya-ne <9317613+vitya-ne@users.noreply.github.com> Date: Mon, 18 Aug 2025 09:20:01 +0300 Subject: [PATCH 02/23] =?UTF-8?q?=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=BB?= =?UTF-8?q?=D1=8F=D0=B5=D1=82=20baseline-=D0=BA=D0=BE=D0=BD=D1=84=D0=B8?= =?UTF-8?q?=D0=B3=D0=B8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/ruby-align/index.md | 8 ++++++++ css/ruby-overhang/index.md | 6 ++++++ css/ruby-position/index.md | 7 +++++++ 3 files changed, 21 insertions(+) diff --git a/css/ruby-align/index.md b/css/ruby-align/index.md index e99a1284e6..e48c6ac919 100644 --- a/css/ruby-align/index.md +++ b/css/ruby-align/index.md @@ -1,6 +1,14 @@ --- title: "`ruby-align`" description: "Выравниваем аннотаций относительно базового текста с помощью нативного CSS!" +baseline: + - group: ruby-align + features: + - css.properties.ruby-align + - css.properties.ruby-align.center + - css.properties.ruby-align.space-around + - css.properties.ruby-align.space-between + - css.properties.ruby-align.start authors: - drakesbot12 keywords: diff --git a/css/ruby-overhang/index.md b/css/ruby-overhang/index.md index c8881aa593..d924bf5aab 100644 --- a/css/ruby-overhang/index.md +++ b/css/ruby-overhang/index.md @@ -1,6 +1,12 @@ --- title: "`ruby-overhang`" description: "Позволяем (или нет) выходить руби-подписи за пределы основного текста." +baseline: + - group: ruby-overhang + features: + - css.properties.ruby-overhang + - css.properties.ruby-overhang.auto + - css.properties.ruby-overhang.none authors: - drakesbot12 keywords: diff --git a/css/ruby-position/index.md b/css/ruby-position/index.md index f9bab29e3e..9358bcbc6e 100644 --- a/css/ruby-position/index.md +++ b/css/ruby-position/index.md @@ -1,6 +1,13 @@ --- title: "`ruby-position`" description: "Управляем размещением аннотаций (руби-текста) относительно основного текста: над ним, под ним, между символами или в чередующемся порядке." +baseline: + - group: ruby-position + features: + - css.properties.ruby-position + - css.properties.ruby-position.over + - css.properties.ruby-position.under + - css.properties.ruby-position.inter-character authors: - drakesbot12 keywords: From 1910801a298e1579b5a843ad4bebd5712b9ceeb7 Mon Sep 17 00:00:00 2001 From: DrakesWeb <89761315+DrakesBot12@users.noreply.github.com> Date: Wed, 3 Sep 2025 05:05:45 +0300 Subject: [PATCH 03/23] =?UTF-8?q?=D0=94=D0=B5=D0=BB=D0=B0=D0=B5=D0=BC=20?= =?UTF-8?q?=D0=B4=D0=BE=D0=BA=D1=83=20=D0=BB=D1=83=D1=87=D1=88=D0=B5=20:^?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: Alena Batitskaia --- css/ruby-align/index.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/css/ruby-align/index.md b/css/ruby-align/index.md index e48c6ac919..feaec4cbcf 100644 --- a/css/ruby-align/index.md +++ b/css/ruby-align/index.md @@ -1,6 +1,6 @@ --- title: "`ruby-align`" -description: "Выравниваем аннотаций относительно базового текста с помощью нативного CSS!" +description: "Выравниваем аннотации относительно базового текста с помощью нативного CSS!" baseline: - group: ruby-align features: From 580301eb6d19b9ec659036787e4a3d877e0e42bf Mon Sep 17 00:00:00 2001 From: DrakesWeb <89761315+DrakesBot12@users.noreply.github.com> Date: Wed, 3 Sep 2025 05:06:16 +0300 Subject: [PATCH 04/23] =?UTF-8?q?=D0=94=D0=B5=D0=BB=D0=B0=D0=B5=D0=BC=20?= =?UTF-8?q?=D0=B4=D0=BE=D0=BA=D1=83=20=D0=BB=D1=83=D1=87=D1=88=D0=B5=20:^?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: Alena Batitskaia --- css/ruby-align/index.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/css/ruby-align/index.md b/css/ruby-align/index.md index feaec4cbcf..f2f2ebd76f 100644 --- a/css/ruby-align/index.md +++ b/css/ruby-align/index.md @@ -57,7 +57,7 @@ ruby { ```css .element { - ruby-align: start | center | space-between | space-around; + ruby-align: start; } ``` From fa98b4e6785bd7a152a5fab26aaacc319273fe87 Mon Sep 17 00:00:00 2001 From: DrakesWeb <89761315+DrakesBot12@users.noreply.github.com> Date: Wed, 3 Sep 2025 05:06:30 +0300 Subject: [PATCH 05/23] =?UTF-8?q?=D0=94=D0=B5=D0=BB=D0=B0=D0=B5=D0=BC=20?= =?UTF-8?q?=D0=B4=D0=BE=D0=BA=D1=83=20=D0=BB=D1=83=D1=87=D1=88=D0=B5=20:^?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: Alena Batitskaia --- css/ruby-position/index.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/css/ruby-position/index.md b/css/ruby-position/index.md index 9358bcbc6e..bf3856c309 100644 --- a/css/ruby-position/index.md +++ b/css/ruby-position/index.md @@ -63,7 +63,7 @@ ruby { ```css .element { - ruby-position: over | under | inter-character | alternate | alternate over | alternate under; + ruby-position: over; } ``` From c307c6c3331869b08716d2f1f32ede84b313fcd5 Mon Sep 17 00:00:00 2001 From: DrakesWeb <89761315+DrakesBot12@users.noreply.github.com> Date: Wed, 3 Sep 2025 05:06:42 +0300 Subject: [PATCH 06/23] =?UTF-8?q?=D0=94=D0=B5=D0=BB=D0=B0=D0=B5=D0=BC=20?= =?UTF-8?q?=D0=B4=D0=BE=D0=BA=D1=83=20=D0=BB=D1=83=D1=87=D1=88=D0=B5=20:^?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: Alena Batitskaia --- css/ruby-position/index.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/css/ruby-position/index.md b/css/ruby-position/index.md index bf3856c309..8d64de6e22 100644 --- a/css/ruby-position/index.md +++ b/css/ruby-position/index.md @@ -70,7 +70,7 @@ ruby { - `over` — аннотация над текстом (или справа, если используется вертикальное письмо). - `under` — аннотация под текстом (или слева при вертикальном письме). - `inter-character` — аннотация располагается между символами базового текста, на правой стороне. Работает только при определённой структуре и может принудительно включать вертикальное направление у аннотаций. -- `alternate` — аннотации могут чередоваться между положениями `over` и `under`, если их несколько. Это значение используется, например, с элементом ``, где есть аннотации разного уровня (**значение по умолчанию**). +- `alternate` — значение по умолчанию, аннотации могут чередоваться между положениями `over` и `under`, если их несколько. Это значение используется, например, с элементом ``, где есть аннотации разного уровня. - `alternate over / alternate under` — уточняют порядок чередования при использовании `alternate`. ## Как понять From aee8aed2c8379e6cfcebed972d94349cbe31c829 Mon Sep 17 00:00:00 2001 From: DrakesWeb <89761315+DrakesBot12@users.noreply.github.com> Date: Wed, 3 Sep 2025 05:07:31 +0300 Subject: [PATCH 07/23] =?UTF-8?q?=D0=94=D0=B5=D0=BB=D0=B0=D0=B5=D0=BC=20?= =?UTF-8?q?=D0=B4=D0=BE=D0=BA=D1=83=20=D0=BB=D1=83=D1=87=D1=88=D0=B5=20:^?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: Alena Batitskaia --- css/ruby-position/index.md | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/css/ruby-position/index.md b/css/ruby-position/index.md index 8d64de6e22..1e400f19cd 100644 --- a/css/ruby-position/index.md +++ b/css/ruby-position/index.md @@ -79,7 +79,11 @@ ruby { - + ## Подсказки From 0bc53d28b66e70dc6a00d5e84f3be04e7896e030 Mon Sep 17 00:00:00 2001 From: DrakesWeb <89761315+DrakesBot12@users.noreply.github.com> Date: Wed, 3 Sep 2025 05:07:53 +0300 Subject: [PATCH 08/23] =?UTF-8?q?=D0=94=D0=B5=D0=BB=D0=B0=D0=B5=D0=BC=20?= =?UTF-8?q?=D0=B4=D0=BE=D0=BA=D1=83=20=D0=BB=D1=83=D1=87=D1=88=D0=B5=20:^?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: Alena Batitskaia --- css/ruby-overhang/index.md | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/css/ruby-overhang/index.md b/css/ruby-overhang/index.md index d924bf5aab..08dbca8e53 100644 --- a/css/ruby-overhang/index.md +++ b/css/ruby-overhang/index.md @@ -54,7 +54,11 @@ tags: - + ## Как пишется From 788c708ee9807d27a1fee9fd336cbfcf369f8036 Mon Sep 17 00:00:00 2001 From: DrakesWeb <89761315+DrakesBot12@users.noreply.github.com> Date: Wed, 3 Sep 2025 05:08:05 +0300 Subject: [PATCH 09/23] =?UTF-8?q?=D0=94=D0=B5=D0=BB=D0=B0=D0=B5=D0=BC=20?= =?UTF-8?q?=D0=B4=D0=BE=D0=BA=D1=83=20=D0=BB=D1=83=D1=87=D1=88=D0=B5=20:^?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: Alena Batitskaia --- css/ruby-position/demos/practis/index.html | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/css/ruby-position/demos/practis/index.html b/css/ruby-position/demos/practis/index.html index 1260328b31..0799b965d0 100644 --- a/css/ruby-position/demos/practis/index.html +++ b/css/ruby-position/demos/practis/index.html @@ -129,11 +129,11 @@ From 05980b4644b8ffd809ed79cb241e134b84ece8e8 Mon Sep 17 00:00:00 2001 From: DrakesWeb <89761315+DrakesBot12@users.noreply.github.com> Date: Wed, 3 Sep 2025 05:08:58 +0300 Subject: [PATCH 10/23] =?UTF-8?q?=D0=94=D0=B5=D0=BB=D0=B0=D0=B5=D0=BC=20?= =?UTF-8?q?=D0=B4=D0=BE=D0=BA=D1=83=20=D0=BB=D1=83=D1=87=D1=88=D0=B5=20:^?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: Alena Batitskaia --- css/ruby-align/demos/practis/index.html | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/css/ruby-align/demos/practis/index.html b/css/ruby-align/demos/practis/index.html index 7ba17f93b0..d17774d0e2 100644 --- a/css/ruby-align/demos/practis/index.html +++ b/css/ruby-align/demos/practis/index.html @@ -127,11 +127,11 @@ From 3a38de43ed0eb009f62ca248612f4a6b57474ec1 Mon Sep 17 00:00:00 2001 From: DrakesBot12 Date: Thu, 11 Jun 2026 00:41:49 +0300 Subject: [PATCH 11/23] =?UTF-8?q?=D0=BF=D1=80=D0=B0=D0=B2=D0=BA=D0=B8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/ruby-overhang/index.md | 8 ++++++++ css/ruby-position/index.md | 2 +- 2 files changed, 9 insertions(+), 1 deletion(-) diff --git a/css/ruby-overhang/index.md b/css/ruby-overhang/index.md index 08dbca8e53..8ecd2423cd 100644 --- a/css/ruby-overhang/index.md +++ b/css/ruby-overhang/index.md @@ -85,3 +85,11 @@ ruby { - аннотация длиннее базового текста (например, фуригана к иероглифу); - вы хотите сохранить аккуратную типографику; - нужно избежать наложений с другими элементами. +💡 Хорошо сочетается с `ruby-align`: +```css +.combined-example { + ruby-overhang: auto; + ruby-align: space-between; + ruby-position: over; +} +``` \ No newline at end of file diff --git a/css/ruby-position/index.md b/css/ruby-position/index.md index 1e400f19cd..90137e6db9 100644 --- a/css/ruby-position/index.md +++ b/css/ruby-position/index.md @@ -77,7 +77,7 @@ ruby { В языках вроде японского или китайского аннотации нужны, чтобы пояснять произношение или значение символов. Иногда их размещают над символами, иногда — под, особенно в учебных текстах. А если аннотации многоуровневые, их можно чередовать. `ruby-position` позволяет точно управлять этим расположением. - +