Главная/ Cправочник HTML, CSS, Javascript/ CSS справочник/ Свойства CSS для улучшения дизайна сайта/ CSS свойство text-shadow | назначение, допустимые значения, примеры

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

Последнее обновление: 01.02.2010

Свойство text-shadow задает эффект тени тексту элемента. При этом размер элемента не меняется (несмотря на то что тень может быть расположена далеко за пределами элемента).

Значения свойства задают смещение тени, ее радиус и цвет: [цвет] [смещение тени по оси X] [смещение тени по оси Y] [радиус тени] или
[смещение тени по оси X] [смещение тени по оси Y] [радиус тени] [цвет]. Порядок значений строго определен.

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

позиция тени задается относительно верхнего левого угла текста

Цвет тени — необязательный параметр, если он не задан, цвет тени за основу будет взят цвет текста (color), к которому применено свойство text-shadow.

Допустимые значения

Значение по умолчанию нет
Применимо ко всем элементам и генерированному контенту
Наследование нет
Версия CSS CSS 3
Поддерживается браузерами
  • Firefox 3.5 и выше
  • Opera 9.5 и выше
  • Safari 3.1 и выше
  • Chrome 2 и выше

Пример


h1 {
text-shadow: 0px 3px 3px #000;
}


Твой код:

Результат: