Форматирование текста

1. Атрибут text-indent- отступ для “красной строки”. Может задаваться относительная или абсолютная величина отступа.

2. Атрибут text-align- горизонтальное выравнивание текста.

1. center – выравнивание по центру;

2. left – выравнивание по левому краю;

3. right – выравнивание по правому краю;

4. justify – выравнивание по ширине (по двум сторонам).

3. Атрибут vertical-alignзадает вертикальное выравнивание текста относительно элемента-родителя, например, ячейки таблицы. Он может принимать следующие значения:

o baseline – по базовой линии;

o middle – выравнивание по центру;

o top– по верху;

o bottom – по низу.

4. Атрибут text-decorationпозволяет подчеркнуть, надчеркнуть или зачеркнуть текст.

o none – обычный текст (по умолчанию);

o underline – подчеркивает текст;

o overline – проводит линию над текстом;

o line-through– зачеркивает текст;

o blink – мигающий текст; (IE не поддерживает значение blink).

5. Атрибут letter-spacing- расстояние между символами текста.

6. Атрибут word-spacing- расстояние между словами текста.

7. Атрибут line-height- вертикальное расстояние между базовыми линиями двух строк.

8. Атрибуты letter-spacing, word-spacingи line-heightмогут принимать одно из двух значений:

a. normal – значение по умолчанию: p { letter-spacing: normal; font-style: italic }

b. абсолютная величина в поддерживаемых CSS – единицах:

p { letter-spacing: 5mm; font-style: italic }
2.4 Отступы

Внутренний отступ– это расстояние между элементом страницы и границей области.

Внешний отступ– это расстояние между границей элемента и другим элементом Web-страницы.

Внешние отступы (Отступы одного элемента Web-страницы от другого)

1. margin-left – отступ слева: body { margin-left: 0 }

2. margin-right – отступ справа: body { margin-right: 5% }

3. margin-top – отступ сверху: body { margin-top: 15mm}

4. margin-bottom – отступ снизу: body { margin-bottom: 20px}

Внутренние отступы (Отступы от элемента Web-страницы до его рамки (если она есть).)

1. padding-left – отступ слева: body { padding-left: 0 }

2. padding-right – отступ справа: body { padding-right: 5% }

3. padding-top – отступ сверху: body { padding-top: 15mm}

4. padding-bottom – отступ снизу: body { padding-bottom: 20px}

С помощью атрибутов marginиpaddingможно задать все внешние отступы за один раз:

1. margin: <top> <right> <bottom> <left>
2. padding: <top> <right> <bottom> <left>

Например:

1. body {margin: 15mm 5% 20px 0}
2. body {padding: 15mm 5% 20px 0}

Для совпадающих значений допускается более короткая запись:

a. body { margin: 0 }

b. body { padding: 5px }