+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;}
Остались вопросы? Спрашивайте!
Понравилась статья? Расскажи другим :)
Опубликовано: | Просмотров: 3900