direction | Свойство CSS - Справочник CSS3 | Делай сайт
Приветствую Вас, Гость! Регистрация
Георгиевская ленточка
Четверг, 08.12.2016
Главная » Справочник CSS3 » Свойства текста


2D & 3D ТрансформацияСвойства контента
Свойства импортаСвойства углов
Свойства границСвойства анимации
ПсевдоклассыПсевдоэлементы
Свойства размераСвойства контура
Свойства переходаСвойства печати
Свойства тениСвойства отступов
Свойства текстаСвойства колонок
Свойства полейПозиционирование
Свойства интерфейсаТипы значений
Полезные статьиСвойства списка
Свойства шрифтаСвойства таблицы
Свойства фонаВендорные префиксы



Адаптивный сайт - aTmpl


direction | Свойство CSS

Свойство direction устанавливает направление для текста.




Свойство direction устанавливает направление для текста,то есть может менять видимое направление с лева на право так и с права на лево.Если текст находится внутри элемента нужно дополнительно применять свойство unicode-bidi со значением bidi-override для отображения с права на лево.Свойство применимо ко всем элементам,создано в версии CSS2 и проходит валидацию согласно версии CSS3.




Дополнительные свойства применяемые к direction


Свойство
Описание
unicode-bidiПри указанном значении unicode-bidi:bidi-override; меняет направление текста внутри элемента


Дополнительные значения применяемые к direction


Значение
Описание
ltrТекст имеет направление с лева на право ( по умолчанию )
rtlТекст имеет направление с права на лево
inheritНаследует значение родителя

Свойство работает в браузерах




Пример применения свойства



<!DOCTYPE html>
<html lang="ru">
<head>
<title>Свойство direction</title>
<style type="text/css">
<!--
.ltr {
color:yellow;
font-size:13px;
direction:ltr;
}
.rtl {
color:yellow;
font-size:13px;
direction:rtl;
unicode-bidi:bidi-override;
}
-->
</style>
</head>
<body>
<div class="ltr">улыбок тебе казак</div>
<br>
<div class="rtl">улыбок тебе казак</div>
</body>
</html>

Пример в действии




Поэкспериментируйте сами





Русские шрифты






Источник: http://www.w3.org/TR/CSS21/visuren.html#propdef-direction
Категория: Свойства текста | Добавил: IZOTOP (21.05.2012) | Автор: Меренков Михаил E W
Просмотров: 479 | Теги: css, direction, пример, цвет текста, style, изменить | Рейтинг: 0.0/0

Вопросов / Советов / Предложений - относящихся к материалу: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]