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

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

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

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


Содержание

Атрибут text-align | Свойство textAlign

Задает выравнивание текста в объекте.

Синтаксис

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

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

sAlign
Строка, которая может определять и принимать одно из следующих значений:
left
Значение по умолчанию. Текст выравниваниется по левому краю.
right
Текст выравнивается по правому краю.
center
Текст выравнивается по центру.
justify
Текст выравнивается по ширине объекта.

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

Замечания

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

Свойство textAlign наследуется всеми блоковыми объектами внутри объекта div.

Примеры

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

В первом примере используются селектор p и два класса для задания выравнивания.

<STYLE>
    P { text-align:center }
    .align1 { text-align:right }
    .align2 { text-align:justify }
</STYLE>
</HEAD>
<BODY>
<P onclick= "this.className='align1'" 
    ondblclick="this.className='align2'">
. . . </P>

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

<P STYLE="font-size:14" 
    onmouseover="this.style.textAlign='center'">
. . . </P>

Стандарты

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

Поддерживаемые браузеры

Internet Explorer 5.5, 6.0, 7.0, 8.0

Opera 7.0, 8.0, 9.2, 9.5

Safari 1.3, 2.0, 3.1

Firefox 1.5, 2.0, 3.0

В Internet Explorer 5.5 и 6.0 при задании text-align может происходить выравнивание не только текста внутри блоков, но и самих блоков тоже.

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

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

https://developer.mozilla.org/en/CSS/text-align

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