«Единственный способ творить великие дела – это любить то, что ты делаешь»
CSS
site.komp36.ru Создание сайтов. Твой сайт фотографа Что есть на сайте? Несколько фото галерей: свадебная, постановочная съемка, love story, детские фото. Договор на фотосъемку, прайс-лист.
site.komp36.ru Продающий лендинг. Создание сайтов Установка и продажа окон, установка дверей, перегородок. Одностраничный продающий сайт. Заявки прямо с сайта
site.komp36.ru Универсальный лендинг. Выбрать тему для сайта! Лендинг адаптируется под любую тему: ремонт, отделка, продажа окон, дверей, лестниц, мебели и многое другое
site.komp36.ru Создание сайтов. Сайт сервисного центра. Сайт компании. Новости и отзывы. Несколько прайс-листов – под каждый отдельная страница. Возможность размещения статей


Далее на странице...

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

А вот, например, арабский язык и иврит устроены иначе - в них чтение происходит справа налево.

Так как быть, при использовании в одном документе разных по написанию языков?

В CSS при помощи свойств direction и unicode-bidi есть возможность задавать необходимое направление написания текста в зависимости от используемого языка.



Свойство direction

Свойство direction указывает направление написания текста:

- значение по умолчанию ltr соответствует привычному для нас направлению написания текста - слева направо;

- значение rtl соответствует направлению справа налево. Но при этом само направление написания текста не изменяется, а только происходит смещение текста вправо, а также перемещение конечных символов строки в ее начало.

Фрагмент кода

<p> Текст отображен в привычном для нас виде!!! </p>
<p style="direction
:rtl;"> Текст смещен вправо. Конечные символы строки расположены в ее начале!!! </p>

Результат

Текст отображен в привычном для нас виде!!!

Текст смещен вправо. Конечные символы строки расположены в ее начале!!!

Свойство unicode-bidi

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

Свойства direction и unicode-bidi применимы ко всем элементам.

Фрагмент кода

<p style="direction:rtl; unicode-bidi:embed;"> Конечные символы строки расположены в ее начале!!! </p>
<p style="direction:
rtl; unicode-bidi:bidi-override;"> Направление написания текста изменено в противоположную сторону!!! </p>

Результат

Конечные символы строки расположены в ее начале!!!

Направление написания текста изменено в противоположную сторону!!!

Подведем итог: таким образом свойство direction лишь указывает направление написания текста, а свойство unicode-bidi непосредственно располагает текст в нужном направлении.

site.komp36.ruТвой сайт фотографа. Создание сайтов Что есть на сайте? Несколько фото галерей: свадебная, постановочная съемка, love story, детские фото. Договор на фотосъемку, прайс-лист.
site.komp36.ru Акция Как начать свое дело? Свой сайт «Укладка плитки» 9 000 руб. Лендинг адаптируется под любой вид отделочных работ, продажу товаров или услуг. Сайт поможет найти новых клиентов
site.komp36.ru Акция Продающий лендинг «Установка и продажа окон» 9 000 руб. Одностраничный продающий сайт. Установка и продажа окон, установка дверей, перегородок. Заявки прямо с сайта

CSS по шагам
Тематические публикации
site.komp36.ru Как начать свое дело? Свой сайт «Укладка плитки» 9 000 руб. Лендинг адаптируется под любой вид отделочных работ, продажу товаров или услуг. Сайт поможет найти новых клиентов
site.komp36.ru Продающий лендинг «Установка и продажа окон» 9 000 руб. Одностраничный продающий сайт. Установка и продажа окон, установка дверей, перегородок. Заявки прямо с сайта

Все cвойства CSS
Тематические публикации
site.komp36.ru Как начать свое дело? Свой сайт «Укладка плитки» 9 000 руб. Лендинг адаптируется под любой вид отделочных работ, продажу товаров или услуг. Сайт поможет найти новых клиентов
site.komp36.ru Продающий лендинг «Установка и продажа окон» 9 000 руб. Одностраничный продающий сайт. Установка и продажа окон, установка дверей, перегородок. Заявки прямо с сайта