Параметры текста в CSS: подробное рассмотрение
Параметр 'color'
Этот параметр задает цвет текста.
Наследование: да.
Может принимать следующие значения:
Значение | Описание |
color | Значением color может быть название цвета (red), значение rgb (rgb(255,0,0)) или шестнадцатеричное значение (#ff0000) |
Пример:
h1
{
color: green
}
Параметр 'direction'
Параметр задает направление текста.
Наследование: да.
Может принимать следующие значения:
Значение | Описание |
ltr | Направление текста слева направо |
rtl | Направление текста справа налево |
Пример:
p
{
direction: rtl
}
Параметр 'letter-spacing'
Данный параметр увеличивает или уменьшает интервал между символами.
Наследование: да.
Примечание: допускаются отрицательные значения.
Может принимать следующие значения:
Значение | Описание |
normal | Определяет обычный пробел между символами |
Length | Определяет фиксированный пробел между символами |
Примеры:
pre
{
letter-spacing: -2px
}
pre
{
letter-spacing: 20px
}
Параметр 'text-align'
Этот параметр задает выравнивaние текста в элементе.
Наследование: да.
Может принимать следующие значения:
Значение | Описание |
left | Выравнивает текст слева |
right | Выравнивает текст справа |
center | Центрирует текст |
justify |
Пример:
h1
{
text-align:right
}
Параметр 'text-decoration'
Данный параметр задает дополнительное оформление текста.
Наследование: нет.
Примечание: цвет оформления должен быть задан свойством "color”.
Может принимать следующие значения:
Значение | Описание |
None | Определяет обычный текст |
Underline | Определяет линию под текстом |
Overline | Определяет линию над текстом |
line-through | Определяет линию через текст |
Blink | Определяет мигающий текст |
Пример:
h1
{
text-decoration: overline
}
Параметр 'text-indent'
Данный параметр создает отступ для первой строки текста элемента.
Наследование: да.
Примечание: допускаются отрицательные значения, для которых первая строка будет сдвинута влево.
Может принимать следующие значения:
Значение | Описание |
Length | Определяет фиксированный отступ |
% | Определяет отступ в % от ширины родительского элемента |
Примеры:
pre
{
text-indent: -10px
}
p
{
text-indent: 10px
}