CSS свойство text-shadow

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

CSS синтаксис

text-shadow: none | x-сдвиг y-сдвиг размытие цвет | initial | inherit;

Возможные значения

ЗначениеОписание
noneЗначение по умолчанию. Тень не отображается.
x-сдвигОбязательное значение. Смещение тени по горизонтали. Положительное значение задает сдвиг тени вправо, отрицательное - влево.
y-сдвигОбязательное значение. Смещение тени по вертикали. Положительное значение задает сдвиг тени вниз, отрицательное - вверх.
размытиеНеобязательное значение. Задает радиус размытия тени. Чем больше это значение, тем сильнее тень сглаживается, становится шире и светлее. Если этот параметр не задан, по умолчанию устанавливается равным 0, тень при этом будет четкой, а не размытой.
цветНеобязательное значение. Устанавливает цвет тени. По умолчанию тень черная. (см. Как использовать цвета)
inheritЗначение наследуется от родительского элемента.
initialУстанавливает значение по умолчанию.

Пример использования

Добавляем тень к тексту заголовка <h1>


h1 {
     text-shadow: 2px 2px #ff0000;
}