Задание тени: свойство text-shadow
| Поддержка : |  | Не поддерживается | | |  | Не поддерживается |
Свойство text-shadow задает тень текста при отображении элементов. Его значением является список эффектов, разделенных запятыми. Эти эффекты должны применяться к тексту в том порядке, как они заданы, и могут перекрываться при отображении друг с другом (но не с самим текстом!).
Каждый эффект задается обязательным смещением от текста и необязательными цветом тени и радиусом пятна. Смещение тени относительно текста задается двумя значениями типа <размер>, первое из которых указывает горизонтальное смещение тени вправо от текста, а второе - вертикальное смещение тени вниз от текста. Эти значения могут быть отрицательными, что означает смещение тени влево или вверх относительно текста соответственно.
После смещения может быть указан необязательный радиус пятна. Точный алгоритм вычисления пятна не задан и зависит от обозревателя.
Кроме того, перед указанными размерами или после них может быть задан необязательный цвет тени. Если он не задан, то используется значение свойства color.
Тени могут применяться к псевдоэлементам :first-letter и :first-line.
Примеры:
H1 { text-shadow: 0.2em 0.3em }
H2 { text-shadow: 3px 3px 5px red }
H3 { text-shadow: 3px 3px red, yellow -3px 3px 2px, 3px -3px }
В первом примере задана тень со смещением 0.2em правее текста и 0.3em ниже его. Во втором примере заданы смещения по 3px правее и ниже текста, радиус пятна 5px и красный цвет тени. Последний пример содержит список из трех эффектов.
Интервал между буквами: свойство letter-spacing
| Синтаксис: | letter-spacing: normal | <размер> | inherit | | Начально: | normal | | Применимо: | ко всем элементам | | Наследуемо: | да | | Проценты: | не используются | | Устройства: | визуальные |
| Поддержка : | | Соответствует стандарту (4.0+) | | | | Не поддерживается |
Свойство letter-spacing задает интервал между буквами при отображении текста. Его значение задается одним из следующих способов:
normal
Стандартный интервал для текущего шрифта.
<размер>
Задает интервал в дополнение к стандартному интервалу. Это значение может быть отрицательным.
Пример: следующее правило увеличивает интервал между символами в заголовке H1 на 0.5em:
H1 { letter-spacing: 0.5em }
Интервал между словами: свойство word-spacing
| Синтаксис: | word-spacing: normal | <размер> | inherit | | Начально: | normal | | Применимо: | ко всем элементам | | Наследуемо: | да | | Проценты: | не используются | | Устройства: | визуальные |
| Поддержка : | | Не поддерживается | | | | Не поддерживается |
Свойство word-spacing задает интервал между словами при отображении текста. Его значение задается одним из следующих способов:
normal
Стандартный интервал для текущего шрифта.
<размер>
Задает интервал в дополнение к стандартному интервалу. Это значение может быть отрицательным.
Алгоритм выбора интервалов между словами зависит от обозревателя и от наличия выключки текста по правому краю (см. свойство text-align).
Пример: следующее правило увеличивает интервал между словами в заголовке H1 на 1em:
H1 { word-spacing: 1em }
Обработка пробелов: свойство white-space
| Синтаксис: | white-space: normal | pre | nowrap | inherit | | Начально: | normal | | Применимо: | к блочным элементам | | Наследуемо: | да | | Проценты: | не используются | | Устройства: | визуальные |
| Поддержка : | | Не поддерживается | | | | Поддерживаются только значения normal и pre (4.0+) |
Свойство white-space задает правила обработки пробелов при отображении блочного элемента. Оно может принимать следующие значения:
| normal | Пробелы и разрывы строк отображаются обычным образом. | | pre | Пробелы и разрывы строк отображаются как в форматированном тексте. | | nowrap | Пробелы отображаются обычным образом, но разрывы строк запрещены. |
Пример: следующие правила соответствуют правилам HTML по отображению элементов P и PRE:
P { white-space: normal }
PRE { white-space: pre }
1 2
8 8 8
| 
*
Обратная связь