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 | Обновление: Август 2014

CSS справочник | Шрифт   CSS свойства текста   CSS справочник | Фон

    Сохранить в сервисы и закладки