Блог Vaden Pro

Все о самостоятельном создании и продвижении сайтов
Вы здесь

Свойство direction

Дата:28.09.15 в 16:39
Справочник: 

Характеристики свойства

В каких браузерах работает?

6.0+ 2.0+ 9.2+ 1.3+ 1.0+ 1.0+ 1.0+

В каких версиях CSS используется?

CSS 1 CSS 2 CSS 2.1 CSS 3
- + + +

Для чего используется?

Такое свойство достаточно полезно для мультиязычных веб ресурсов, где используются некоторые языки, которые могут читаться не только слева на право, но и наоборот. К примеру, иврит пишется с права налево.

Свойство direction имеет несколько полезных функций:

  • направление текста;
  • очередность столбцов в веб-таблице;
  • расположение скрола;
  • вывод последней строчки при text-align: justify.

Как правильно задавать?

direction: ltr;

Какие могут быть значения?

  • ltr - правая направленность текста (начало - слева).
  • rtl - левая направленность текста (начало - справа).
  • inherit - считывает направление с родительского элемента.

Пример использования

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>Свойство direction</title>
  <style type="text/css">
   div { 
    direction: rtl; 
    width: 150px; 
    height: 120px; 
    overflow: scroll;
    padding: 10px; 
	background:#eee;
   }
  </style>
 </head>
 <body>
  <div>Использование рыбного текста в статьях не рекомендуется, так как
 это существенно снижает уникальность статьи. Это может привести
 к потери топовых позиций в списке выдачи результатов поиска.</div>
 </body>
</html>

По итогу получаем

direction

Оценка: 
Оценок: 2 (средняя 5 из 5)
Тип CSS свойства: 
Понравилась статья? Расскажите о ней друзьям: