Рассмотрим подробно параметры текста в каскадных таблицах стилей.
1. Параметр "text-align" служит для определения выравнивания текста в структурном элементе. Может принимать четыре значения:
center - выравнивает текст по центру;
right – выравнивает текст по правой стороне;
left – выравнивает текст по левой стороне;
justify – выравнивает текст с двух сторон.
Пример:
h3 { text-align: left; }
2. Параметр "text-transform" нужен для управления регистром символов в структурном элементе. Может принимать опять же четыре значения:
uppercase – служит для определения только заглавных букв;
lowercase – служит для определения только символов нижнего регистра;
capitalize – служит для определения первой буквы каждого слова как заглавной;
none – служит для определения обычного текста (с заглавными буквами и символами нижнего регистра).
Пример:
h3 { text-transform: capitalize; }
3. Параметр "text-decoration" предназначен для дополнительного оформления текста (кроме цвета). Возможны следующие значения:
none – задает обычный текст;
line-through – задает текст, перечеркнутый линией;
overline – задает текст с линией над ним;
underline – задает текст с линией под ним;
blink – задает мигающий текст.
Пример:
h3 { text-decoration: underline; }
4. Параметр "text-indent" задает отступ для первой строки текста структурного элемента. Может принимать два значения:
% - задает отступ в процентах от всей ширины элемента;
length – задает фиксированный отступ.
Пример:
p { text-indent: 15px; }
5. Параметр "color" определяет цвет текста. В качестве значения параметра color может выступать шестнадцатеричное значение (#00ff00); значение rgb - rgb(0,0,255), а также название цвета (green).
Пример:
p { color: red; }
6. Параметр "letter-spacing" служит для увеличения или уменьшения интервала между символами.
Имеет два значения:
normal – задает обычный интервал между символами;
length – задает фиксированный интервал между символами.
Пример:
p { letter-spacing: 15px; }
Параметр может принимать отрицательное значение.
7. Параметр "word-spacing" предназначен для увеличения или уменьшения интервала между словами.
Имеет два значения:
normal – задает обычный интервал между словами;
length – задает фиксированный интервал между словами.
Пример:
h1 { word-spacing: 15px; }
Команда может принимать отрицательное значение.
8. Параметр "white-space" определяет обработку пробелов внутри структурного элемента. Возможны следующие значения:
nowrap – до появления тега br, текст не переноситься на следующую строку;
pre - пробел сохраняется в браузере (действует аналогично тегу pre в html);
normal – пробел игнорируется в браузере.
Пример:
h1 { white-space: pre; }
166 |
0
