Спецификация HTML 4.01 + Спецификация CSS2
         

Выравнивание


Можно выравнивать блок элементов (таблицы, изображения, объекты, параграфы и т.п.) на "канве" с помощью атрибута align. Хотя этот атрибут может быть установлен для многих элементов HTML, диапазон его значений может отличаться, в зависимости от элемента. Здесь мы обсуждаем только значение атрибута "выравнивание" для текста.

Определение атрибута

align =

left|center|right|justify

[CI]

Не рекомендуется.

Этот атрибут определяет горизонтальное выравнивание элемента по отношению к окружающему контексту. Возможные значения:

  • left: строки текста выравниваются по левому краю;

  • center: строки текста выравниваются по центру;

  • right: строки текста выравниваются по правому краю;

  • justify: строки текста выравниваются по обоим полям.

    • Значение по умолчанию зависит от базового направления текста. Для направления слева направо - это align=left, для направления справа налево - по умолчанию .

    НЕ РЕКОМЕНДУЕТСЯ:

    Здесь заголовок центрируется.

    <H1 align="center"> Что за прелесть эта мерзость! </H1>

    Используя CSS (каскадные таблицы стилей), например, Вы можете достичь того же эффекта следующим образом:

    <HEAD> <TITLE>Что за прелесть эта мерзость!</TITLE> <STYLE type="text/css"> H1 { text-align: center} </STYLE> <BODY> <H1> Что за прелесть эта мерзость! </H1>

    Учтите, что это будет действовать на все элементы H1. Вы можете ограничить область видимости стиля, установив атрибут class элемента:

    <HEAD> <TITLE>Что за прелесть эта мерзость!</TITLE> <STYLE type="text/css"> H1.wood {text-align: center} </STYLE> <BODY> <H1 class="wood"> Что за прелесть эта мерзость! </H1>



    НЕ РЕКОМЕНДУЕТСЯ:

    также, для того, чтобы выровнять вправо параграф на "канве" атрибутом HTML align, Вы могли бы записать:

    <P align="right">...параграф текста...

    что в таблице стиля могло бы быть:

    <HEAD> <TITLE>Что за прелесть эта мерзость!</TITLE> <STYLE type="text/css"> P.mypar {text-align: right} </STYLE> <BODY> <P class="mypar">...параграф текста...


    НЕ РЕКОМЕНДУЕТСЯ:

    Чтобы выровнять вправо несколько параграфов, сгруппируйте их элементом DIV:

    <DIV align="right"> <P>...текст первого параграфа...

    <P>...текст второго параграфа...

    <P>...текст третьего параграфа...

    </DIV>

    В таблице стиля свойство выравнивания текста наследуется от предка, поэтому Вы можете использовать:

    <HEAD> <TITLE>Что за прелесть эта мерзость!</TITLE> <STYLE type="text/css"> DIV.mypars {text-align: right} </STYLE> <BODY> <DIV class="mypars"> <P>...текст первого параграфа...

    <P>...текст второго параграфа...

    <P>...текст третьего параграфа..

    </DIV>

    Чтобы выровнять по центру весь документ:

    <HEAD> <TITLE>Что за прелесть эта мерзость!</TITLE> <STYLE type="text/css"> BODY {text-align: center} </STYLE> <BODY> ...тело выровнено по центру...

    </BODY>

    Элемент CENTER полностью эквивалентен определению элемента DIV с атрибутом align, установленным в "center". Элемент CENTER

    не рекомендуется.


    Содержание раздела