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

В их состав входят свойства выравнивания такие, как 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;}

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

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

Опубликовано: 04 октября 2010 | Просмотров: 3402