Справочник по CSS : Тематический указатель : Справочник по свойствам и атрибутам : Шрифт и текст : text-justify

смотрим также

Материал из Справочник Web-языков

Перейти к: навигация, поиск


Содержание

Атрибут -ms-text-justify | Свойство textJustify

Задает какой тип выравнивания по ширине будет использован.

Синтаксис

HTML { -ms-text-justify : sAlign }
Скрипты [ sAlign = ] object.style.textJustify

Используемые значения

sAlign
Строка, которая может определять и принимать одно из следующих значений:
auto
Значение по умолчанию. Браузер сам выберет предпочтительный тип выравнивания по ширине.
distribute
Предназначен в большей степени для азиатских языков, например для тайского (Thai). По принципу выравнивания похож на newspaper. Все строки текста выравниваются по ширине, а последняя по левому краю.
distribute-all-lines
Этот тип также предназначен для азиатских языков. Похож на distribute и отличается только тем, что последняя строка также выравнивается по ширине, как и остальные строки текста.
distribute-center-last
Не реализовано.
inter-cluster
Выравнивает текст по ширине без изменения интервала между символами. Оптимизирован для документов на азиатских языках.
inter-cluster
Выравнивает текст путем увеличение интервала между символами. Это наиболее быстрый способ приведения всех строк текста к одной длине. Последняя строка текста выравнивается по левому краю. Оптимизирован для документов на азиатских языках.
kashida
Выравнивает текст путем изменения размера символов, находящихся на определенной позиции. Этот тип выравнивания предназначен для арабских языков. Поддерживается начиная с Microsoft Internet Explorer 5.5
newspaper
Увеличивает или уменьшает интервалы между слова или даже отдельными символами текста. Это наиболее подходящий тип выравнивания для документов на латинице.

Это свойство читается/записывается для всех объектов, кроме currentStyle (только чтение). Значением по умолчанию является auto. Атрибут Каскадных таблиц стилей (CSS) наследуется.

Замечания

Атрибут -ms-text-justify для Internet Explorer 8 - это расширение CSS и может использоваться также как text-justify в режиме IE8.

Чтобы был виден эффект от применения этого свойства, свойству textAlign должно быть задано значение justify.

Это свойство применяется к элементам типа блок (block).

Примеры

Следующие примеры показывают как использовать атрибут -ms-text-justify и свойство textJustify для задания выравнивания текста в объекте.

В первом примере используется трибут -ms-text-justify со значением distribute

...
<DIV style="text-align:justify; text-justify:distribute-all-lines;">
    This example demonstrates how to use this property. This is
    something. This example demonstrates how to use this property.
    This is something. This example demonstrates how to this 
    property. This is something. This example demonstrates how to use this
    property. This is something. This example demonstrates how to
    use this property. This is something. This example demonstrates
    how to use this property. This is something. This example
    demonstrates how to use this property. This is something.
    This example demonstrates how to use this property. This is
    something. This example demonstrates how to use this property.
</DIV>                
...

Во втором примере показывается как изменить тип выранивания текста по ширине при наведении на объект курсора мыши.

...
<DIV style="cursor:hand; text-align:justify;"
    onmouseover="this.style.textJustify='distribute-all-lines';"
    onmouseout="this.style.textJustify='auto';">
    This example demonstrates how to use this property. This is
    something. This example demonstrates how to use this property.
    This is something. This example demonstrates how to this 
    property. This is something. This example demonstrates how to use this
    property. This is something. This example demonstrates how to
    use this property. This is something. This example demonstrates
    how to use this property. This is something. This example
    demonstrates how to use this property. This is something.
    This example demonstrates how to use this property. This is
    something. This example demonstrates how to use this property.
</DIV>                
...

Стандарты

Это свойство описано в Cascading Style Sheets (CSS), Level 3 (CSS3)

Ссылки на источники

https://msdn.microsoft.com/en-us/library/ms531172(VS.85).aspx

Добавить страницу в закладки:
РАЗРЕШАЕТСЯ перепечатывать и копировать информацию ТОЛЬКО ПРИ РАЗМЕЩЕНИИ ссылки на оригинал!
(<A href="https://www.spravkaweb.ru/">Справочник Web-языков</A>)
другие проекты
Rambler\'s Top100 Индекс цитирования