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

[WTBG]

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


text-indent

Определяет длину отступа в первой строке блока.

Значение:

• любое соответствующее стандарту длина; возможны отрицательные значения. Значение по умолчанию равно 0.
• любое соответствующее стандарту процентное значение.
• inherit - применяется значение родительского элемента.

p {text-indent:20px;}

text-align

Определяет выравнивание текста в элементе.

Значение:

• left - выравнивание по левому краю.
• center - выравнивание по центру.
• right - выравнивание по правому краю.
• justify - выравнивание по обоим краям.
• любая строка, соответствующая стандарту - определяет последовательность символов.
• inherit - применяется значение родительского элемента.

p {text-align: center;}

text-decoration

Определяет оформление текста.

Значение:

• none - отсутствие элементов оформления (по умолчанию).
• underline - подчеркивание.
• overline - линия над текстом.
• line-through - перечеркивание.
• blink - мерцание.
• inherit - применяется значение родительского элемента.

p {text-decoration: underline }

text-transform

Автоматически переводит в тексте буквы в верхний (нижний) регистр.

Значение:

• none - отсутствие изменения регистра (по умолчанию).
• capitalize - переводит первую букву каждого слова в верхний регистр.
• uppercase - переводит все буквы в верхний регистр.
• lowercase -переводит все буквы в нижний регистр.
• inherit - применяется значение родительского элемента.

p {text-transform: uppercase }

text-shadow

Определяет значения, устанавливающие эффект затенения текста. Может содержать несколько значений, которые следует определить друг за друга запятыми. В каждом отдельном значении теневых эффектов обязательно должно быть значение смещения и возможны такие значения, как радиус резкости и цвет.

Значение:

• none - отсутствие значения (по умолчанию).
• color - цвет затенения текста.
• первое числовое значение, соответствует стандарту - расстоянию по горизонтали вправо от текста. Отрицательное значение соответствует расстоянию влево от текста.
• второе числовое значение, соответствует стандарту - расстоянию по вертикали вниз от текста. Отрицательное значение соответствует расстоянию вверх от текста.
• третье числовое значение, соответствует стандарту - радиус нерезкости тени текста.
• inherit - применяется значение родительского элемента.

h1{text-shadow: blue 5px 5px 3px}

letter-spacing

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

Значение:

• none - интервал, обычные для используемого шрифта.
• любая длина, соответствующее стандартам, длина интервала межу букв.
• inherit - применяется значение родительского элемента.

p { letter-spacing: 5px }

word-spacing

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

Значение:

• none - интервал, обычный для используемого шрифта.
• любая длина, соответствующая стандарту, длина интервала между словами.
• inherit - применяется значение родительского элемента.

p{word-spacing: 2px}

white-space

Определяет, как обрабатывать пробелы.

Значение:

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

p { white-space: pre}

Вам необходимо зарегистрироваться для просмотра ссылок