Шаг 25 - CSS: Параметры текста

Язык html в принципе позволяет достаточно гибко управлять параметрами текста, но всеже существуют некоторые его свойства, которые способны изменить только таблицы стилей CSS. Так вот давайте разберемся с этими параметрами.

Первым параметром, который обычно очень важен для оформления, является выравнивание. Этим свойством управляет text-align и может принимать до боли известные значения:

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

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

Для самых crazy мастеров существует возможность процентного задания выравнивания, да еще и с отрицательными значениями.

Интересно то, что отныне вы можете задать расстояние между двумя "базовыми линиями" двух строчек. Задается он параметром line-height. Как и всегда может задаваться своим точным размером и процентным отношением. При использовании этого параметра старайтесь использовать также параметр задания высоты текста, это позволит Вам предусмотреть наезжание двух строк текста, если размер шрифта вдруг станет больше.

	DIV { line-height: 1.2; font-size: 10pt }

Следующим свойством текста большинство тегов никогда не обладало. Я говорю об отступе в первой строке, или как в народе "красная строка". Например раньше такого эффекта можно было добиться только использованием <dd> без указания тега списка. Теперь это позволяет устанавливать параметр text-indent. Отступ указывается с помощью указания его длинны или в процентном отношении. Значение этого параметра может быть также отрицательным. Еще следует отметить, что такой отступ действует только в начале тега, т.е. он не дейтсвует при разрывах в середине, например при использовании тега <br>.

	P { text-indent: 3cm }

Если Вы помните, то в свойствах шрифта был параметр, который преобразовывал все символы текста в заглавные. Его возможности были достаточно ограниченные, да и вообще были связаны с начертанием символов. У текста же существует параметр text-transform, который позволяет делать с текстом больше преобразований:

В продолжение темы оформления текста существует параметр text-decoration, который позволяет перечеркивать или подчеркивать текст разными способами. Для этого существуют стандартные значения underline, overline или line-through. Для гурманских страничек есть также значение blink, которое заставляет текст вести себя неразумно и раздражать посетителя :-) Для номального теста рекомендуется использовать значение none :-)) Этот параметр как правило используется для оформления ссылок, так как почти всегда на странице ссылки являются единственным подчеркнутым элементом.

А на десерт осталось два параметра, которые побоку текстовым браузерам и даже большинству новых графических :-) Эти параметры задают расстояние между символами и между словами в тексте. Зовутся соответственно letter-spacing и word-spacing. Как и всегда задаются с помощью размера промежутка в пикселах или относительно текущего размера. По умолчанию имеют значение normal, или что тоже самое, как хотел разработчик :-)

Собственно говоря все про текст. Пока у нас не появится третьего измерения думаю больше параметров душа мастера требовать не будет :-))


Предыдущий Шаг | Следующий Шаг | Оглавление
Автор Кузин Андрей.