Свойства текста Оглавление
Установка интервалов ("word-spacing") Вверх
| Значение | normal | <length> | | По умолчанию | normal | | Область применения | все элементы | | Наследование | есть | | Процентное выражение | неопр. |
Численное выражение длины указывает добавление к установленной по умолчанию величине интервалов между словами. Это значение может быть отрицательным, но в этом случае могут иметь место различные ограничения, накладываемые методами отработки. UA вправе самостоятельно выбирать алгоритм вычисления интервалов. Интервалы между словами могут также зависеть от способа выравнивания абзаца (последний определяется значением свойства "выравнивание" ("align")).
H1 { word-spacing: 0.4em }
Здесь интервал между словами в элементе H1 увеличен на единицу "м" ("1em")(0,4em?), (м соответствует круглой - прим. перев.).
Ядро CSS1: UA вправе квалифицировать любое значение "интервала" как "normal" (См. этот раздел)
Установка трекинга ("letter-spacing") Вверх
| Значение | normal | <length> | | По умолчанию | normal | | Область применения | все элементы | | Наследование | есть | | Процентное выражение | неопр. |
Численное выражение длины указывает на добавление к установленной по умолчанию величине межбуквенных пробелов. Это значение может быть отрицательным, но в этом случае могут иметь место различные ограничения, накладываемые методами отработки. UA вправе самостоятельно выбирать алгоритм вычисления интервалов. Межбуквенные интервалы могут также зависеть от способа выравнивания абзаца (последний определяется значением свойства "выравнивание" ("align")).
BLOCKQUOTE { letter-spacing: 0.1em }
Здесь межбуквенный интервал для элемента BLOCKQUOTE" увеличен на "0.1em".
В случае значения "normal", UA может менять межбуквенное расстояние для выравнивания абзаца. Этого не произойдет, если для "трекинга" будет указано значение длины в численном выражении:
BLOCKQUOTE { letter-spacing: 0 }
BLOCKQUOTE { letter-spacing: 0cm }
Если образующийся межбуквенный интервал не идентичен интервалу по умолчанию, UA не будет использовать лигатуры.
Ядро CSS1: UA может интерпретировать любое значение трекинга как "normal". (См. эту секцию)
Установка оформления текста ("text-decoration") Вверх
| Значение | none | [ underline || overline || line-through || blink ] | | По умолчанию | none | | Область применения | все элементы | | Наследование | нет с условием см ниже | | Процентное выражение | неопр. |
Это свойство описывает способ оформления текста в элементе. Если в элементе нет текста (напр., элемент "IMG" в HTML), либо в случае пустого элемента (напр. " <EM></EM> "), это свойство не имеет силы. Значение "blink" делает текст мерцающим.
Цвет(а), требуемые для оформления текста, должны быть производными от значения свойства "цвет".
Это свойство не наследуется, но элементы должны соответствовать родительским. Например, если в элементе подчеркивание, черта должна передаваться дочерним элементам. Цвет подчеркивания остается даже в случаях, когда дочерние элементы имеют другие значения цвета.
A:link, A:visited, A:active { text-decoration: underline }
В вышеуказанном примере будет подчеркиваться текст для всех видов ссылок (т.е. все элементы "A" с атрибутом "HREF").
UA должны распознавать зарезервированное слово "blink", хотя не обязательно должны поддерживать мерцание текста.
Установка вертикального выравнивания текста ("vertical-align"). Вверх
| Значение | baseline | sub | super | top | text-top | middle | bottom | text-bottom | <percentage> | | По умолчанию | baseline | | Область применения | строчные элементы | | Наследуемость | нет | | Процентное выражение | по отношению к свойству "высота линии" ("line-height") самого элемента |
Свойство влияет на вертикальное положение элемента. Используется набор следующих зарезервированных слов, указывающих положение относительно родительского элемента:
"baseline" - совмещает базу элемента (или его низ, если элемент не имеет базы), с базой родительского элемента
"middle" - выравнивает среднюю линию элемента (обычно изображения) по уровню "база плюс половина высоты ("x-height") родительского элемента"
"sub" - делает элемент подстрочным
"super" - делает элемент надстрочным
"text-top" - выравнивает верх элемента по верху шрифта родительского элемента
"text-bottom" - выравнивает низ элемента по низу шрифта родительского элемента
Другой набор значений свойства определяет выравнивание относительно форматируемой линии, частью которой является указанный элемент:
При использовании значений "top" и "bottom" могут возникать неразрешимые ситуации, когда зависимости одних элементов от других образуют замкнутый цикл.
Процентное выражение соотносится со значением свойства "высота линии" ("line-height") самого элемента. Таким способом база элемента (или низ, если таковая отсутствует) повышается на определенный уровень относительно базы родительского элемента. Допускаются отрицательные значения. Например, при значении "-100%" элемент будет опущен так, что его база достигнет уровня, где должна лежать база следующей линии. Это позволяет позиционировать по вертикали элементы, не имеющие базы - скажем, изображения, используемые для замещения букв.
Предполагается, что в будущей версии CSS в качестве значения этого свойства будет допускаться <length>.
Установка преобразования текста ("text-transform") Вверх
| Значение | capitalize | uppercase | lowercase | none | | По умолчанию | none | | Область применения | все элементы | | Наследование | есть | | Процентное выражение | неопр. |
"capitalize" - устанавливает первую букву каждого слова прописной
"uppercase" - устанавливает все буквы элемента прописными
"lowercase" - устанавливает все буквы элемента строчными
"none" - аннулирует наследованное значение.
Фактически преобразование в каждом случае будет зависеть от используемого языка.
H1 { text-transform: uppercase }
В вышеприведенном примере для элемента "H1" все буквы устанавливаются прописными.
Ядро CSS1: UA может игнорировать преобразование текста (т.е. отрабатывать как по значению "none"), для символов, не относящихся к набору для кодировки Latin-1 и для элементов на языках, для которых преобразование отличается от принятого для таблиц преобразования Unicode.
Установка выравнивания текста ("text-align") Вверх
| Значение | left | right | center | justify | | По умолчанию | определяется UA | | Область применения | блочные элементы | | Наследование | есть | | Процентное выражение | неопр. |
Это свойство описывает способ выравнивания текста внутри элемента. Фактически используемый UA алгоритм будет зависеть от языка документа.
DIV.center { text-align: center }
Поскольку выравнивание текста наследуется, все блочные элементы внутри элемента "DIV" с "CLASS=center" будут выровнены по середине. Обратите внимание, что выравнивание производится относительно ширины элемента, а не холста. Если UA не поддерживает выравнивание по ширине ("justify"), он должен поддерживать замену - для западных языков это будет, как правило, выравнивание по левому краю.
Ядро CSS: UA вправе интерпретировать выравнивание по середине как выравнивание по левому или правому краю, в зависимости от установленного по умолчанию для элемента направления письма - соответственно слева направо или справа налево.
Установка абзацного отступа ("text-indent") Вверх
| Значение | <length> | <percentage> | | По умолчанию | 0 | | Область применения | блочный элементы | | Наследование | есть | | Процентное выражение | относительно ширины родительского элемента. |
Это свойство определяет величину отступа перед первой форматируемой линией абзаца. Значение для абзацного отступа может быть отрицательным, но в пределах, накладываемых особенностями обработки. Отступ не используется в середине элемента, если тот был разбит другим (напр. "BR" для HTML).
P { text-indent: 3em }
Установка высоты строки ("line-height"). Вверх
| Значение | normal | <number> | <length> | <percentage> | | По умолчанию | normal | | Область применения | все элементы | | Наследование | есть | | Процентное выражение | относительно размера шрифта самого элемента. |
Данное свойство определяет расстояние между базами двух смежных строк.
Если численное значение явно определено, высота строки определяется как высота шрифта, умноженная на численное значение. Отличие от процентного выражения - в способе наследования: если определено численное значение, то наследуется сам коэффициент, а не результирующее значение, как в случае в процентным или иным способом выражения.
Отрицательные значения не допускаются.
В трех строках следующего примера получаются одинаковые результаты высоты строки:
DIV { line-height: 1.2; font-size: 10pt } /* number */
DIV { line-height: 1.2em; font-size: 10pt } /* length */
DIV { line-height: 120%; font-size: 10pt } /* percentage */
Значение "normal" устанавливает "рациональное" соотношение высоты строки и высоты шрифта элемента. Предполагается, что UA в случае значения "normal" устанавливает это соотношение в пределах 1,0....1,2.
Смотрите этот раздел : в нем описание того, как свойство "высота строки" влияет на форматирование блочного элемента.
1 2 3 4 5 6
8 8 8
| |
*
Обратная связь