Шаг 4 - Форматирование текста

Это набор атрибутов, связанный с выравниванием, отступом, расстоянием между словами, символами и т.д. В общем, меню Формат-Абзац MS Word. Ну что, начнем по порядку.

Text-Align

Определяет выравнивание текста. Существует четыре типа - по левому краю (left), по правому (right), по центру (center) и заполнение (justify). Justify означает, что текст будет равномерно заполняет доступное пространство по ширине. Было время, когда эту опцию не поддерживали некоторые браузеры, но современные их версии на счет этого типа выравнивания никаких претензий не высказывают.

body {text-align: justify }
p {text-align:left }

Text-Indent

Позволяет менять отступ первой строки элементов типа <p>, <div>. Может задаваться как в числовом выражении, так и в процентах. В данном случае проценты высчитываются от ширины элемента, содержащего данный.

span {text-align: right; text-indent:10ex};

Calculation is done with `BIGINT' or `DOUBLE' (both are normally 64 bits long). It depends on the function which precision one gets. The general rule is that bit functions are done with `BIGINT' precision, `IF', and `ELT()' with `BIGINT' or `DOUBLE' precision and the rest with `DOUBLE' precision. One should try to avoid using unsigned long long values if they resolve to be bigger than 63 bits (9223372036854775807) for anything else than bit fields. MySQL Server 4.0 has better `BIGINT' handling than 3.23.

Line-Height

Определяет расстояние между базовыми строками текста. При использовании числа (не ex и px, а обычных чисел) расстояние вычисляется как произведение высоты шрифта на данное значение. При использовании процентных мер высота строки берется как приведенный процент от исходной строки.

p {line-height:2; font-style:italic; margin-left:20%; text-indent: 20px}

`mysqld_safe' redirects all messages from `mysqld' to the `mysqld' log. One problem with this is that if you execute `mysqladmin refresh' to close and reopen the log, `stdout' and `stderr' are still redirected to the old log. If you use `--log' extensively, you should edit `mysqld_safe' to log to `'hostname'.err' instead of `'hostname'.log' so you can easily reclaim the space for the old log by deleting the old one and executing `mysqladmin refresh'.

Vertical-Align

Контролирует вертикальное линейных (inline) элементов, таких как <em>, <b>. Линейным элемент считается тогда, когда до и после него не добавляется никаких знаков переноса строки, то есть не создается новый абзац, в противоположность блочным элементам, для которых новый абзац создается. Так вот. Линейные элемент по умолчанию выравнивается по базовой строке внешнего (то бишь содержащего данный) элемента. Ну почему бы это не изменить? А? Сказано - сделано.

Внешний Текст vertical-align:top
Внешний Текст vertical-align:bottom
Внешний Текст vertical-align:middle
Внешний Текст vertical-align:sub
Внешний Текст vertical-align:super
Внешний Текст vertical-align:text-top
Внешний Текст vertical-align:text-bottom

По умолчанию vertical-align имеет значение baseline. Другие значения означают соответственно:

Кроме вышеперечисленных, этот атрибут CSS может принимать также и процентное значение. В этом случае элемент поднимается (или опускается, если значение отрицательно, например -20%) над своей базовой линией. Процент берется от высоты линии (line-height элемента).

Word-Spacing, Letter-Spacing

Оба этих атрибута обозначает ровно то, что и должны - расстояние между отдельными словами и буквами. Могут принимать значение normal (то есть без изменений) и любое числовое или процентное значение. Выглядит все это так:

p {color:green; word-spacing:2em; letter-spacing:0.5ex}

Ну или чуть менее страшно, все зависит от усердия.

Text-Decoration

Выделение (еще можно сказать украшение, но слишком уж корявая калька получается) текста. Под выделением здесь понимается - подчеркивание, надчеркивание, перечеркивание, мигание или отсутствие оных. Выглядит оно так:

Мигать на IE текст отказывается, во всяком случае на версии 6.0. На Опере же мигает исправно, раз в секунду. В любом случае я не думаю, что использование такого выделения является большой дизайнерской находкой, а отсутствие - потерей.

Text-Transformation

Текст можно преобразовывать - приводить все его буквы к заглавному виду, или все к строчному, или делать прописной первую букву каждого слово. Отбросив как всегда неуместный вопрос "зачем?", делаем:


Предыдущий Шаг | Следующий Шаг | Оглавление
Автор Аванесов Самвел - 26.09.2004