CSS справочник
CSS текст, псевдоэлементы
CSS справочник | Свойства текста
color
— определяет цвет текстa:
color: #000066
text-decoration
— отвечает за оформление текста:
text-decoration: none → текст без декараций (значение по умолчанию);
text-decoration: underline → подчеркнутый текст;
text-decoration: overline → черта сверху текста;
text-decoration: line-through → зачеркнутый текст;
text-decoration: blink → мигающий текст (не поддерживается IE);
text-decoration: uppercase → все буквы заглавные;
text-decoration: lowercase → все буквы маленькие;
text-decoration: capitalize → каждое слово в строке начинается с большой буквы.
text-align
— горизонтальное выравнивание текста:
text-align: left|right|center|justify
по левому краю | по правому краю | по центру | по ширине
vertical-align
— определяет вертикальное выравнивание:
vertical-align: sub|super|top||middle|bottom
vertical-align: sub → преобразует текст в нижний индекс;
vertical-align: super → преобразует текст в верхний индекс;
vertical-align: top → выравнивает текст поверху ячейки таблицы;
vertical-align: middle → выравнивание текста по центру (по вертикали) ячейки таблицы;
vertical-align: bottom → выравнивание текста понизу ячейки таблицы.
text-indent
— определяет отступ строки в пикселях или процентах:
text-indent: 50px
text-transform
— oпределяет регистр символов:
text-transform: none|capitalize|uppercase|lowercase
text-transform: none → обычный текст (значение по умолчанию);
text-transform: capitalize → преобразует первую букву каждого слова в заглавную;
text-transform: uppercase → все буквы заглавные;
text-transform: lowercase → все буквы маленькие.
word-spacing
— определяет дополнительное расстояние между словами в тексте:
word-spacing: 5px
letter-spacing
— oпределяет дополнительное расстояние между символами в тексте:
letter-spacing: 2px
line-height
— определяет расстояние между строками по вертикали в пикселях или процентах:
line-height: 200%
CSS псевдоэлементы
a:active
— определяет гиперссылку в момент ее нажатия:
а:active {color: Blue}
a:hover
— определяет гиперссылку в момент наведения на нее курсора:
a:hover {color: #f25100}
a:link
— oпределяет не посещенную гиперссылку:
a:link {color: Red}
a:visited
— oпределяет уже посещенную гиперссылку:
a:visited {color: Green}
Дата публикации: Октябрь 2009 | Обновление: Ноябрь 2018
CSS справочник | Шрифт 
CSS свойства текста 
CSS справочник | Фон
