Свойство -ms-writing-mode задает ориентацию, направление и выравнивание текста в блоке.
Допустимые значения
- lr-tb — текст ориентирован горизонтально в направлении слева направо (выровнен по верху элемента)
- rl-tb — текст ориентирован горизонтально в направлении справа налево (выровнен по верху элемента)
- tb-rl — текст ориентирован вертикально в направлении сверху вниз начиная с правой стороны элемента (выровнен по верху элемента)
- bt-rl — текст ориентирован вертикально в направлении сверху вниз начиная с правой стороны элемента (выровнен по низу элемента)
- tb-lr — текст ориентирован вертикально в направлении снизу вверх начиная с левой стороны элемента (выровнен по верху элемента)
- bt-lr — текст ориентирован вертикально в направлении снизу вверх начиная с левой стороны элемента (выровнен по низу элемента)
- lr-bt — текст ориентирован горизонтально в направлении слева направо (выровнен по низу элемента)
- rl-bt — текст ориентирован горизонтально в направлении снизу вверх и слева направо
- lr — эквивалентно lr-tb, используется для SVG и HTML элементов, поддерживает Internet Explorer 9+
- rl — эквивалентно rl-tb, используется для SVG и HTML элементов, поддерживает Internet Explorer 9+
- tb — эквивалентно tb-rl, используется для SVG и HTML элементов, поддерживает Internet Explorer 9+
| Значение по умолчанию | lr-tb |
|---|---|
| Применимо | к блочным элементам |
| Наследование | нет |
| Поддерживается браузерами | Internet Explorer 8+ (некоторые значения Internet Explorer 9+) |
Пример
CSS
p {
-ms-writing-mode: lr-tb;
}
По теме
- Вендорные префиксы. Что это?
- Вертикальный текст на CSS
- Свойство transform
- Свойство -ms-block-progression
- Свойство text-transform
Показать комментарии