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

1. Для того чтобы задать отступ в первой строке блока используется свойство выравнивания text-indent, которое может принимать следующие значения:

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

Пример использования: p {text-indent:20px;}

2. Для выравнивания текста в блоке используйте свойство text-align, которое может принимать значения:

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

Пример использования: p {text-align: left;}

3. Изменить визуальное оформление текста можно при помощи параметра text-decoration, который может принимать значения:

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

Пример использования: p {text-decoration: underline}

4. Применение параметра text-transform позволяет автоматически изменять регистр знаков в тексте. Параметр text-transform может принимать значения:

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

Пример использования: p {text-transform: uppercase}

5. Параметр text-shadow обеспечивает эффект затемнения текста, при этом может содержать несколько значений, которые отделяются друг от друга запятыми. В отдельно взятом значении теневого эффекта обязательно присутствие атрибутов смещения. Допускается применение значений цвета и радиуса резкости. Параметр text-shadow может принимать значения:

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

Пример использования: h1{text-shadow: blue 5px 5px 3px}

6. Каскадные таблицы стилей позволяют при помощи параметра letter-spacing определить интервал между символами текста. Параметр letter-spacing может принимать значения:

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

Пример использования: p {letter-spacing: 5px}

7. изменить интервал между словами в тексте можно при помощи параметра word-spacing, который принимает значение:

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

Пример использования: p{word-spacing: 2px}

8. Возможность задать, каким образом браузер будет обрабатывать пробелы в тексте, осуществляется при помощи атрибута white-space , который может принимать следующие значения:

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

Пример использования: p {white-space: pre}

9. для определения вида пар кавычек используемых в блоке используется свойство quotes. Данное свойство не поддерживается IE. Свойство может принимать значения:

• 1 значение параметра - стандартное значение символов, которые предполагается использовать в качестве самой внешней пары кавычек.
• 2 значение параметра - последовательность из двух символов, которые должны использоваться в качестве внутренней пары кавычек.
• none - отсутствие кавычек.

Пример использования: q {quotes: '"' '"' '<' '>'}