Справочник по CSS : Тематический указатель : Справочник по свойствам и атрибутам : Шрифт и текст : ruby-align
смотрим также
Материал из Справочник Web-языков
Содержание |
Атрибут ruby-align | Свойство rubyAlign
Это свойство позволяет задать позицию текста ruby относительно основы (объекта rt).
Синтаксис
HTML | { ruby-align : sRubyAlign } |
Скрипты | [ sRubyAlign = ] object.style.rubyAlign |
Возможные значения
- sRubyAlign
- Строка, которая может определять и принимать одно из следующих значений:
- auto
- Значение по умолчанию. Браузер сам определяет как будет выровнен текст ruby. Для азиатских иероглифов рекомендуется выравнивание в режиме distribute-space. Для латинских символов рекомендуется выравнивание по центру (center).
- left
- Текст ruby выравнивается по левому краю относительно основы.
- center
- Текст ruby выравнивается по центру относительно ширины основы. Если длина основы меньше, чем длина текста ruby, то основа центрируется относительно ширины текста ruby.
- right
- Текст ruby выравнивается по правому краю относительно основы.
- distribute-letter
- Текст ruby выравнивается равномерно по ширине основы, это выравнивание используется, если ширина текста ruby меньше ширины основы. Если же ширина основы и ширина текста ruby совпадают, то выравнивание происходит по центру.
- distribute-space
- Текст ruby выравнивается равномерно по ширине основы, это выравнивание используется, если ширина текста ruby меньше ширины основы. В отличие от distribute-letter, в этом методе выравнивания пространство добавляется не только между символами самого текста, но и между краями текста ruby и краями основы. Если же ширина основы и ширина текста ruby совпадают, то выравнивание происходит по центру.
- line-edge
- В зависимости от длины, текст ruby выравнивается по центру или же будет выровнен по началу основы и сможет занять пространство, необходимое ему для размещения.
Это свойство читается/записывается для всех объектов, кроме currentStyle (только чтение). Значением по умолчанию является auto. Атрибут Каскадных таблиц стилей (CSS) не наследуется.
Замечания
Ruby — это средство для размещения символов, используемых в некоторых азиатских языках, например японском, корейском и китайском, где наряду с "базовыми" символами указываются дополнительные знаки, уточняющие произношение или поясняющие их значение.
Структура ruby состоит из трех основных компонентов: базового текста, называемого основой ruby, текста комментариев, который называется текстом ruby, и ограничивающего прямоугольника, для именования которого применяется само слово ruby.
Свойство rubyAlign позволяет осуществить выравнивание текста ruby, определенного объектом rt; оно задается в объекте ruby.
Примеры
Примеры показывает как использовать атрибут ruby-align и свойство rubyAlign для задания выравнивания текста ruby. Выравнивание будет по правому краю.
<RUBY ID=oRuby STYLE = "ruby-align: right"> Ruby base. <RT>Ruby text. </RUBY> <INPUT TYPE=button VALUE="Center" onclick="oRuby.style.rubyAlign='center';" >
Стандарты
Это свойство определено в Cascading Style Sheets (CSS), Level 3 (CSS3)
Смотри также
Ссылки на источники
https://msdn.microsoft.com/en-us/library/ms531150(VS.85).aspx