+7(983)178-57-68

Новые горизонты успешного бизнеса!

Главная Посчитать и заказатьОставить заявку Статьи Отзывы Контакты

Свойства текста

В их состав входят свойства выравнивания такие, как text-align и word-spacing, а также свойства изменения стиля text-decoration и text-shadow.

text-indent
Определяет длину отступа в первой строке блока.
.text{text-indent:15pt;}
text-align
Определяет выравнивание текста в элементе

- left - выравнивание по левому краю.
- center - выравнивание по центру.
- right - выравнивание по правому краю.
- justify - выравнивание по обоим краям (по ширине).
- inherit - применяется значение родительского элемента.
.text{text-align: justify;}
text-decoration
Определяет оформление текста.

- none - отсутствие элементов оформления (по умолчанию).
- underline - подчеркивание.
- overline - линия над текстом.
- line-through - перечеркивание.
- blink - мерцание.
- inherit - применяется значение родительского элемента.
.text{text-decoration: none;}
text-transform
Автоматически переводит в тексте буквы в верхний (нижний) регистр.

- none - отсутствие изменения регистра (по умолчанию).
- capitalize - переводит первую букву каждого слова в верхний регистр.
- uppercase - переводит все буквы в верхний регистр.
- lowercase -переводит все буквы в нижний регистр.
- inherit - применяется значение родительского элемента.
.text{text-transform: capitalize;}
text-shadow
Определяет значения, устанавливающие эффект затенения текста. Можно использовать несколько значений через запятую
.text{
text-shadow: 8px 8px 2px rgba(150, 150, 150, 1),
0 0 10px rgba(255, 255, 255, 1);
}
Первое значение - смещение тени по горизонтали относительно текста. Положительное значение этого параметра задает сдвиг тени вправо, отрицательное — влево. Обязательный параметр. Второе значение - смещение тени по вертикали относительно текста. Положительное значение этого параметра задает сдвиг тени вправо, отрицательное — влево. Третье значение - радиус размытия тени. Четвертое - цвет

letter-spacing
Определяет интервал между символами текста.

- none - интервал, обычные для используемого шрифта.
- inherit - применяется значение родительского элемента.
.text{letter-spacing: 5px;}
word-spacing
Определяет интервал между словами.

- none - интервал, обычный для используемого шрифта.
- inherit - применяется значение родительского элемента.
.text{word-spacing: 2px;}
white-space
Определяет, как обрабатывать пробелы.

- normal - пробелы сворачиваются, если это необходимо для размещения элемента. Этот способ, который использует HTML по умолчанию
- pre - пробелы обрабатываются так, как указано в коде (предварительно отформатированный текст).
- nowrap - сворачиваются все пробелы.
- inherit - применяется значение родительского элемента.
.text{white-space: pre;}


Остались вопросы? Спрашивайте!


Понравилась статья? Расскажи другим :)

Опубликовано: | Просмотров: 2484