Свойство текста
В состав свойства текста входят такие, как выравнивание текста:
text-indent-Определяет длину отступа в первой строке блока.
text-align-Выравнивание текста по левому, правому краю или по ширине контейнера
letter-spacing -Определяет интервал между символами текста
word-spacing-Определяет интервал между словами текста
а также свойства изменения стиля
text-decoration-Добавляет оформление текста в виде его подчеркивания, перечеркивания, линии над текстом и мигания.
text-transform-Автоматически переводит в тексте буквы в верхний (нижний) регистр.
text-shadow.-Определяет значения, устанавливающие эффект затенения текста.
white-space-Определяет, как обрабатывать пробелы.
А теперь рассмотрим каждое свойство подробнее.
text-indent
Определяет длину отступа в первой строке блока.
Может принимать начение:
длина - - любое стандартное(возможны также отрицательные значения).
Значение по умолчанию равно 0.
процентное значение - любое стандартное.
p {text-indent:20px;}
Примеры: [1]
text-align
Определяет выравнивание текста в элементе.
Может принимать начение:
left - выравнивание по левому краю.
center - выравнивание по центру.
right - выравнивание по правому краю.
justify - выравнивание по обоим краям.
p {text-align: center;}
Меняя значение атрибута
text-align выделенное голубым фоном, можно добиться выравнивание текста в блочном элементе.
Примеры: [1][2]
text-decoration
Добавляет оформление текста в виде его подчеркивания, перечеркивания, линии над текстом и мигания
.
Может принимать начение:
none - отсутствие элементов оформления (по умолчанию).
underline - подчеркивание.
overline - линия над текстом.
line-through - перечеркивание.
blink - мерцание.
p {text-decoration: underline }
Примеры: [1]
text-transform
Автоматически переводит в тексте буквы в верхний (нижний) регистр.
Может принимать начение:
none - отсутствие изменения регистра (по умолчанию).
capitalize - переводит первую букву каждого слова в верхний регистр.
uppercase - переводит все буквы в верхний регистр.
lowercase -переводит все буквы в нижний регистр.
p {text-transform: uppercase }
Примеры: [1]
text-shadow
Определяет значения, устанавливающие эффект затенения текста. Может содержать несколько значений, которые следует определить друг за друга запятыми. В каждом отдельном значении теневых эффектов обязательно должно быть значение смещения и возможны такие значения, как радиус резкости и цвет.
Может принимать начение:
none - отсутствие значения (по умолчанию).
color - цвет затенения текста.
первое числовое значение соответствует стандарту - расстоянию по горизонтали вправо от текста. Отрицательное значение соответствует расстоянию влево от текста.
второе числовое значение соответствует стандарту - расстоянию по вертикали вниз от текста. Отрицательное значение соответствует расстоянию вверх от текста.
третье числовое значение соответствует стандарту - радиус нерезкости тени текста.
h1{text-shadow: blue 5px 5px 3px}
letter-spacing
Определяет интервал между символами текста.
Может принимать начение:
none - интервал, обычные для используемого шрифта.
длина любая, соответствующяя стандартам, длина интервала межу букв.
p { letter-spacing: 5px }
Примеры: [1]
word-spacing
Определяет интервал между словами.
Может принимать начение:
none - интервал, обычный для используемого шрифта.
длина любая, соответствующая стандарту, длина интервала между словами.
p{word-spacing: 2px}
Примеры: [1]
white-space
Определяет, как обрабатывать пробелы.
Может принимать начение:
normal - пробелы сворачиваются, если это необходимо для размещения элемента. Этот способ, который использует HTML по умолчанию
pre - пробелы обрабатываются так, как указано в коде (предварительно отформатированный текст).
nowrap - сворачиваются все пробелы.
p { white-space: pre}
Примеры: [1]
Ознакомиться с элементами Форматирования Вы можете на странице
Форматирование текста или
Основные теги HTML,
Учебника HTML.