чилка HTML
 
Каскадные таблицы стилей (CSS)

Стилевые параметры текста

Параметры стиля для элементов, содержащих текст
(кроме параметров шрифта)
Значение Описание
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>

Текст с тенью

 

 

 

Copyright © Москва
Училка HTML: сайт  u4ilka.kcbux.ru