Все тексты, представленные в данном разделе, являются плодом нашего интеллектуального труда. Перевод уроков осуществлялся вручную, по возможности сохранялся стиль автора и особенности оригинального языка.
Исходя из вышесказанного – огромная просьба к вам, коллеги web-мастера: пожалуйста, уважайте наш труд, при использовании любых материалов нашего сайта и, в частности, данного раздела ставьте ссылку на сайт www.bcat.com.ua. Заранее спасибо!
Вот оставшиеся правила стилей, определяющие внешний вид текста.
селектор {
letter-spacing: число и единица измерения;
}
Пример:
H1 {
letter-spacing: 5px;
}
Свойство letter-spacing определяет расстояние между знаками в тексте, а word-spacing задает интервалы между словами.
селектор {
text-align: выравнивание;
}
Пример:
TD {
text-align: left;
}
Возможные значения: left, right, justify.
селектор {
vertical-align: выравнивание;
}
Пример:
TD {
vertical-align: bottom;
}
Возможные значения: top, middle, bottom, text-top, text-bottom, super (эквивалент тега <sup>), sub (эквивалент тега <sub>).
Работая с таблицами вы привыкли использовать выравнивание, но в CSS, выравнивание может быть задано любому элементу блочного уровня. Свойство text-align определяет горизонтальное выравнивание, а vertical-align – вертикальное.
селектор {
text-decoration: стиль;
}
Пример:
A {
text-decoration: underline;
}
Возможные значения: underline, overline, blink, none.
Вы можете определить несколько значений, например правило:
text-decoration: overline underline blink;
даст текст со всеми видами оформления (нижнее и верхнее подчеркивание, мигание текста). Обратите внимание, что blink, не поддерживается в IE.
селектор {
text-transform: стиль;
}
Пример:
P {
text-transform: lowercase;
}
Возможные значения: capitalize (делает первую букву каждого слова заглавной, а все остальные - строчными), uppercase (превращает все буквы в заглавные), lowercase (превращает каждую букву в строчную), none.
Данное свойство полезно при импорте фрагментов текста из БД, в других случаях оно не имеет очевидного практического применения.
Так как тег <pre> относится к осуждаемым, задать преформатированный фрагмент текста можно при помощи свойства white-space.
селектор {
white-space: стиль;
}
Пример:
P {
white-space: pre;
}
Для следующего абзаца свойству white-space задано значение pre:
Этот абзац отображается так, как я его набрал.
Другие возможные значения: nowrap (предотвращает перенос строки); и normal (оставляет вопрос форматирования на усмотрение браузера). Обратите внимание: некоторыми браузерами свойство white-space поддерживается не полностью.
