© 2003 - 2018

CSS: Свойства текста

Введение в CSS
Введение в CSS
Что такое CSS
Свойства шрифта
Цвет элемента и цвет фона
Свойства текста
Границы
Единицы измерения
Курсоры
Полоса прокрутки
Размер элемента
Свойства таблицы
text-decoration Устанавливает эффекты оформления шрифта, такие, как подчеркивание или зачеркнутый текст

H4 {text-decoration: underline;} - подчеркивание
A {text-decoration: none;} - стандартный текст
I {text-decoration: line-through;} - зачеркивание
B {text-decoration:overline;} - надчеркивание
text-transform Задает преобразование регистра текста при отображении

H4 {text-transform: capitalize;} - Первая буква каждого слова преобразуется в заглавную
A {text-transform: uppercase;} - Все буквы преобразуются в заглавные
I {text-transform: lowercase;} - Все буквы преобразуются в строчные
B {text-decoration:none;} - Отменяет установленные преобразования
text-align Определяет выравнивание элемента. Возможные значения: left, right, center, justify
P {text-align:justify}
H5 {text-align: center}
text-indent Устанавливает отступ первой строки текста. Чаще всего используется для создания параграфов с табулированной первой строкой.
P {text-indent: 50pt;}
line-height Управляет интервалами между строками текста.
P {line-height: 50 %}
word-spacing Устанавливает интервалам между словами. Можно использовать отрицательные значения
P {word-spacing: 50 %}
letter-spacing Устанавливает интервалам между буквами
P {letter-spacing: 50 pt}
vertical-align Устанавливает вертикальное положение элемента. Может принимать следующие значения: baseline middle sub super text-top text-bottom top bottom
P {vertical-align: 50 pt}

Примеры

Подчеркнутый заголовок (underline)

Это ссылка без подчеркивания (none)
Перечеркнутый курсивный текст (line-through)

Текст с подчеркиванием сверху (overline)
каждая первая буковка слова большая

Заголовок по центру

Абзац с отступом для лучшего восприятия текстов при оформлении ваших страничек

Текст с уменьшеным интервалом на 50% между строками. Данным метод можно применять в декоративных целях

Увеличим промежутки между словами

Уменьшим промежутки между буквами

Vertical-align
Формула спирта

C 2 H 5 OH

SEO  Аналитика  Юзабилити  SMO  Яндекс  Апдейты  тИЦ  Google
HTML CSS DHTML ОбМ IE