Цикл статей «CSS учебник».
Следующая статья — «CSS шрифт».
Предыдущая статья — «CSS фон».
В CSS имеется довольно большое количество свойств, позволяющих настроить цвет текста, начертание, отступы и ещё много чего. Здесь мы рассмотрим самые основные из них:
- color (цвет текста)
- text-align (выравнивание текста)
- text-decoration (подчёркивание и прочее)
- line-height (междустрочный интервал)
- text-indent (отступ красной строки)
- text-transform (прописные/заглавные)
color (цвет текста в CSS)
Цвет текста задаётся с помощью свойства CSS color:
1 2 3 |
p { color:#a0a0a0; } |
Посмотреть более подробное описание свойства CSS color.
text-align (выравнивание текста в CSS)
Свойство text-align позволяет задать выравнивание текста в CSS. Можно выровнять по левому краю ( left), по центру ( center), по правому краю ( right) и по ширине ( justify).
1 2 3 |
p { text-align:center; } |
Подробное описание свойства CSS text-align с примером.
text-decoration
Свойство CSS text-decoration позволяет добавить к тексту подчёркивание ( underline), перечёркивание ( line-through), линии над текстом ( overline):
1 2 3 |
body { text-decoration:underline; } |
Подробное описание свойства CSS text-decoration с примером.
line-height
Свойство CSS line-height устанавливает междустрочный интервал (между базовыми линиями).
1 2 3 |
.trueclass { line-height : 10px; } |
Подробное описание свойства CSS line-height с примером.
text-indent
Свойство text-indent позволяет установить отступ «красной строки» (первой строки блока текста).
1 2 3 |
p { text-indent : 20px; } |
Подробное описание свойства CSS text-indent с примером.
text-transform
Свойство text-transform в CSS позволяет преобразовать текст элемента в заглавные или прописные буквы.
1 2 3 |
p { text-transform : uppercase; } |
Подробное описание свойства CSS text-transform с примером.
Цикл статей «CSS учебник».
Следующая статья — «CSS шрифт».
Предыдущая статья — «CSS фон».