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