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

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