|
Рассмотрим подробно параметры текста в каскадных таблицах стилей.
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;
}
Хотите, чтобы ваш бизнес был конкурентоспособным? Тогда вам нужна ip телефония, которая возьмет на себя создание и управление коммуникационной инфраструктурой вашей фирмы. Её можно заказать в компании, работающей на рынке уже 10 лет, – Манго-Офис. | 