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 | Обновление: Май 2012
CSS справочник | Шрифт 
CSS свойства текста 
CSS справочник | Фон
