text-shadow
Поддержка браузерами
12.0+ | 10.0+ | 3.5+ | 4.0+ | 9.6+ | 4.0+ |
Описание
CSS свойство text-shadow
позволяет добавить одну или более тень для текста. Тень текста не влияет на его размер и расположение.
Для каждой тени можно задать от 2 до 4 параметров. Если добавляется несколько теней, то список параметров для каждой тени указывается через запятую.
Первые два параметра являются обязательными, они определяют сдвиг тени относительно текста: первый параметр указывает смещение по горизонтали, второй по вертикали. Оба параметра могут принимать как положительные, так и отрицательные значения. Положительное значение первого параметра сдвигает тень вправо, отрицательное значение - влево. Положительное значение второго параметра сдвигает тень вниз, отрицательное - вверх.
Примечание: для добавления тени к блоку используйте CSS свойство box-shadow.
Значение по умолчанию: | нет |
---|---|
Применяется: | ко всем элементам, а также к псевдо-элементам ::first-letter и ::first-line |
Анимируется: | да |
Наследуется: | да |
Версия: | CSS3 |
Синтаксис JavaScript: | object.style.textShadow="2px 2px #ff0000" |
Синтаксис
text-shadow: х_тень у_тень размытость цвет|none|inherit;
Значения свойства
Значение | Описание |
---|---|
х_тень | Обязательный параметр. Положение горизонтальной тени. Допустимы отрицательные значения. |
у_тень | Обязательный параметр. Положение вертикальной тени. Допустимы отрицательные значения. |
размытость | Уровень размытости тени (указывается в единицах измерения, поддерживающихся CSS). Необязательный параметр. |
цвет | Цвет тени. Необязательный параметр. |
Пример
Обычный заголовок
text-shadow: 2px 2px red;
}