Параметры стиля для элементов, содержащих текст
(кроме параметров шрифта) |
Значение |
Описание |
letter-spacing
(интервал между буквами) |
normal | (по умолчанию)
или число с указанием единиц измерения |
| | Пример:
<style>
#p1 (letter-spacing: 10pt)
#p1 (letter-spacing: 15pt)
</style>
<p id=p1>Раз два три<p>
<p id=p2>Четыре пять<p>
|
text-decoration
(Опрелеляет сочетание текста с горизонтальной линией) |
none | по умолчанию, нет линии |
| overline | линия над текстом (пример) |
| underline | подчеркивание (пример) |
| line-through | зачеркивание (пример) |
| | Пример:
<style>
a { text-decoration: none; }
a:hover {text-decoration: underline;}
</style>
Вид ссылки
|
line-height
(высота текущей строки) |
normal | (по умолчанию)
или число с указанием единиц измерения.
Число без единиц измерения - это коэффициент, на который следует умножить размер текущего шрифта.
Если указаны проценты (%), то д.б. более 100%.
Значение по умолчанию зависит от браузера. |
| |
Пример:
<style>
#p1 (line-height: 20pt)
#p1 (line-height: 1.4)
#p1 (line-height: 150%)
</style>
|
text-align
(Опрелеляет выравнивание текста относительно содержащего контейнера) |
left | лево |
| right | право |
| center | центр |
| justify | равномерно |
text-indent
(отступ первой строки) | число | по умолчанию отступ равен 0.
Используется в абзацах для красной строки.
В качестве значений принимаются любые единицы длины, например, пиксели (px), дюймы (in), пункты (pt) и др.
При задании значения в процентах (%), отступ первой строки вычисляется в зависимости от ширины блока.
|
text-transform
(преобразует текст) |
capitalize | Делает прописной (заглавной) первую букву каждого слова в элементе |
| uppercasse | Делает все буквы в элементе прописными |
| lowercase | Делает все буквы в элементе строчными |
| none | по умолчанию.
Снимает все унаследованные установки |
vertical-align
(расположение по вертикали) |
baseline | Устанавливает выравнивание базовой линии элемента
по базовой линии родительского элемента. |
| middle | по умолчанию.
Устанавливает вертикальную среднюю линию элемента
на уровне базовой линии родительского элемента
с добавлением половины ширины строки последнего. |
| super | Элеменнт отображается в виде верхнего индекса. |
| sub | Элеменнт отображается в виде нижнего индекса. |
| text-top | Выравнивает элемент по верху текста,
набранного шрифтом родительского элемента. |
| text-bottom | Выравнивает элемент по низу текста,
набранного шрифтом родительского элемента. |
| top | Выравнивает верх элемента по верху самого высокого элемента текущей строки. |
| bottom | Выравнивает низ элемента по низу самого низкого элемента текущей строки. |
text-shadow
(добавляет тень к тексту) |
none | Отменяет добавление тени. |
| цвет | Цвет тени.
По умолчанию цвет тени совпадает с цветом текста.
Необязательный параметр. |
| сдвиг по x | Смещение тени по горизонтали относительно текста.
Положительное значение этого параметра задает сдвиг тени вправо, отрицательное — влево.
Обязательный параметр. |
| сдвиг по y | Смещение тени по вертикали относительно текста.
Допустимо использовать отрицательное значение, которое поднимает тень выше текста.
Обязательный параметр. |
| радиус | Задает радиус размытия тени.
Чем больше это значение, тем сильнее тень сглаживается, становится шире и светлее. Если этот параметр не задан, по умолчанию устанавливается равным 0. |
| |
Пример:
<style>
p {text-shadow: 1px 1px 2px black, 0 0 0.8em #808000;/* Параметры тени */
color: #ffffff; font-size: 20pt;}
</style>
Текст с тенью
|
