Advego.ru - система покупки и продажи контента для сайтов, форумов и блогов

Информационный Бестселлер на DVD или CD

Статьи для сайтов!!!
Главная CSS по шагам Свойства CSS Direction Display

Свойство direction

Описание

Свойство direction указывает направление чтения текста – слева направо или справа налево и выравнивает его по горизонтали внутри элемента, влияя при этом на расположение символов пунктуации. Свойство unicode-bidi дополняет свойство direction.

Это свойство применимо ко всем элементам.

Также это свойство задает порядок расположения колонок и положение полосы прокрутки в блоке. (Эти возможности поддерживаются не всеми браузерами).

Значение

- ltr (left to right) – указывает направление слева направо, текст располагается слева,

- rtl (right to left) – указывает направление справа налево, текст располагается справа. Конечные символы пунктуации перемещаются в начало,

- inherit - принимает значение свойства родительского элемента.

Значение по умолчанию

- ltr


Пример

Пример - Свойство direction

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"
>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title> Свойство direction </title>
</head>
<body>
<p style="direction:ltr"> Всем привет! </p>
<p style="direction:rtl"> Всем привет! </p>
<p style="direction:rtl"> Обратили внимание на расположение знаков? </p>
<table width="400" border="1">
<tr>
<td>
1 колонка! </td>
<td>
2 колонка </td>
<td>
3 колонка </td>
</tr>
<tr style=
"direction:rtl">
<td>
1 колонка! </td>
<td>
2 колонка </td>
<td>
3 колонка </td>
</tr>
</table>

</body>
</html>

При просмотре в браузере

Всем привет!

Всем привет!

Обратили внимание на расположение знаков?

1 колонка! 2 колонка 3 колонка
1 колонка! 2 колонка 3 колонка


Свойство Cursor Свойство Direction Свойство Display
Свойства CSS
Дизайн сайтов
ПОИСК ПО САЙТУ:

Моё имя Антон. Связаться со мною Вы можете по e-mail: averagev@mail.ru