16 Текст

Свойства, описываемые в следующих разделах, влияют на визуальное представление символов, пробелов, слов и абзацев.

16.1 Отступы: свойство 'text-indent'

Это свойство определяет отступ первой строки теста в блоке. Более точно говоря, оно определяет отступ первого блока, который входит в первую строку блока линейного блока

Значения имеют следующий смысл:

<length>

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

<percentage>

Отступ задается в процентах относительно ширины содержащего блока.

Значение свойства 'text-indent' может быть отрицательным, но в конкретных реализациях могут быть установлены ограничения на использование значений.

  P { text-indent: 3em }

16.2 Выравнивание: свойство 'text-align'

Это свойство определяет способ выравнивания последовательного содержимого блока. Значения имеют следующий смысл:

left, right, center и justify

Выравнивание текста по левому или правому краю, по центру и по обоим краям соответственно.

<строка>

Определяет строку, по которой будет производиться выравнивание ячеек в абзацах таблицы (подробную информацию и примеры можно найти в разделе горизонтальное выравнивание абзаца). Это значение применяется только к ячейкам таблицы. Применительно к другим элементам значение будет трактоваться как 'left' или 'right', в зависимости от значения свойства 'direction': 'ltr' или 'rtl' соответственно.

Блок текста - это совокупность линейных блоков производится не относительно области вывода. При значении 'justify' помимо настройки положения линейных блоков, агент пользователя может также увеличить последовательные блоки. (См. также 'letter-spacing' и 'word-spacing'.)

DIV.center { text-align: center }

16.3 Элементы декорирования

16.3.1 Подчеркивание, надстрочное подчеркивание, перечеркивание и мигание: свойство 'text-decoration'

Этим свойством описываются элементы декорирования текста элементов. Если свойство задано для элемента уровня блока, оно влияет на все последующие элементы последовательного уровня. Если свойство задано для элемента последовательного уровня (или влияет на него), оно влияет и на все блоки, генерируемые этим элементом. Если у элемента нет содержимого или текста (например, элемент IMG в HTML), агенты пользователей должны игнорировать это свойство.

Значения имеют следующий смысл:

none

Текст не декорируется.

underline

Все строки текста подчеркиваются.

overline

Над каждой строкой текста располагается черта.

line-through

Все строки текста перечеркнуты

blink

Текст мерцает (становится то видимым, то невидимым). Конформные агенты пользователей не обязательно должны поддерживать данное значение.

Нужный цвет(а) для элемента декорирования текста определяется значением свойства 'color'.

всегда должен оставаться прежним, даже если последующие элементы имеют другие значения 'color'.

A[href] { text-decoration: underline }

16.3.2 Затенение текста: свойство 'text-shadow'

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

Для каждого эффекта затенения должно быть указано смещение затенения, а также может указываться радиус размытия и цвет затенения.

Смещение затенения указывается с помощью двух значений <length> определяет вертикальное расстояние снизу от текста. При отрицательном значении вертикального расстояния затенение располагается над текстом.

После смещения затенения можно указать радиус размытия. Это значение, обозначающее границы размытия. Точного алгоритма для вычисления эффекта размытия нет.

До или после значений смещения эффекта затенения можно задать его цвет. Это значение цвета будет использоваться в качестве базового. Если цвет не указан, будет использоваться значение свойства 'color'.

Затенение может использоваться с псевдоэлементами :first-letter и :first-line.

H1 { text-shadow: 0.2em 0.2em }

H2 { text-shadow: 3px 3px 5px red }

H2 { text-shadow: 3px 3px red, yellow -3px 3px 2px, 3px -3px }

SPAN.glow { 
    background: white; 
    color: white;
    text-shadow: black 0px 0px 5px;
}

16.4 Расстояние между буквами и словами: свойства 'letter-spacing' и 'word-spacing'

Это свойство определяет расположение символов в тексте. Значения имеют следующий смысл:

normal

Стандартное расстояние для текущего шрифта. Это значение позволяет агентам пользователей менять расстояние между символами для выравнивания текста.

<length>

краям агенты пользователей могут не увеличивать или не уменьшать расстояние между символами.

Алгоритмы определения расстояния между символами зависят от агента пользователя. На расстояние между символами также может повлиять выравнивание по обоим краям (см. свойство 'text-align').

BLOCKQUOTE { letter-spacing: 0.1em }

BLOCKQUOTE { letter-spacing: 0cm }   /* Same as '0' */

Если итоговое расстояние между двумя символами отлично от стандартного, агенты пользователей не должны использовать лигатуры.

Конформные агенты пользователей могут трактовать значение свойства 'letter-spacing' как 'normal'.

Это свойство определяет расстояние между словами. Значения имеют следующий смысл:

normal

Стандартное расстояние между словами, определяемое текущим шрифтом и/или агентом пользователя.

<length>

Дополнительное расстояние между словами, оно добавляется к стандартному. Значения могут быть отрицательными, их применение зависит от агентов пользователей.

Алгоритм определения расстояния между словами зависит от параметров, указанных агентом пользователя. На расстояние между словами также влияет выравнивание по обоим краям (см. свойство 'text-align').

H1 { word-spacing: 1em }

Конформные агенты пользователей могут трактовать значение свойства 'word-spacing' как 'normal'.

16.5 Выделение заглавными буквами: свойство 'text-transform'

Это свойство управляет заглавными буквами в тексте элемента. Значения имеют следующий смысл:

capitalize

Каждое слово начинается с заглавной буквы.

uppercase

Все буквы каждого слова будут заглавными.

lowercase

Все буквы каждого слова будут строчными.

none

Не влияет на буквы.

Фактическое преобразование в заглавные или строчные буквы зависит от используемого языка написания. О том, как определить язык элемента, см. в RFC 2070 ([RFC2070]).

Конформные агенты пользователей могут подразумевать для свойства 'text-transform' ([ISO10646]).

H1 { text-transform: uppercase }

16.6 Пустое место: свойство 'white-space'

Данное свойство определяет способ обработки пустого пространства внутри элемента. Значения имеют следующий смысл:

normal

помощью комбинации "\A" в генерируемом содержимом (например, для элемента BR в HTML).

pre

или в генерируемом содержимом при наличии "\A").

nowrap

генерируемом содержимом (например, для элемента BR в HTML).

PRE        { white-space: pre }
P          { white-space: normal }
TD[nowrap] { white-space: nowrap }

Конформные агенты пользователей могут игнорировать в авторских и пользовательских таблицах стилей свойство 'white-space', но должны определить значение этого свойства в основной таблице стилей.

Приглашаем посетить сайты  Мода Чехов Крылов Автомобили Анненский Андреев Станюкович Античная литература Средние века CSS