Тень текста: text-shadow

text-shadow

Поддержка браузерами
Настольные браузеры Chrome Firefox Internet Explorer Opera Safari
Базовая поддержка, версии браузеров 2.0 3.5 10.0 9.5 1.1
Мобильные браузеры Android Firefox Mobile IE Phone Opera Mobile Safari Mobile
Базовая поддержка, версии браузеров 2 1.0 8 12 5.1
Свойство
text-shadow — это свойство которое добавляет тень к тексту
Наследование
Наследуется. Это значит что стили применённые к родительскому элементу передадутся потомкам
Применяется
Ко всем элементам, это значит что применяется и к блочным, и к встроенным, и к табличным и т.д.
Может принимать значения
значение в абсолютных единицах | значение в относительных единицах (em) | none
Значение по умолчанию
none
Правила записи

свойство: значение;

Значение тени состоит из нескольких частей:

  1. Смещение тени по горизонтали ( обязательно, допускается отрицательное значение )
  2. Смещение тени по вертикали ( обязательно, допускается отрицательное значение )
  3. Радиус размытия тени ( не обязательно )
  4. Цвет тени ( не обязательно, если цвет тени не указан, то цвет тени будет таким же как цвет текста )
Примеры
text-shadow: 1px 2px; Тень у этого текста имеет смещение по горизонтали 1px и смещение по вертикали 2px
text-shadow: 0.2em -0.3em green; Тень у этого текста имеет смещение по горизонтали 0.2em, смещение по вертикали -0.3em, цвет тени зелёный
text-shadow: 0 0.3em 0.2em aqua; Тень у этого текста имеет смещение по горизонтали 0, смещение по вертикали 0.3em, радиус размытия тени 0.2em, цвет тени aqua
text-shadow: -0.15em 0.1em 0.1em SteelBlue; Тень у этого текста имеет смещение по горизонтали -0.15em, смещение по вертикали 0.1em, радиус размытия тени 0.1em, цвет тени SteelBlue
text-shadow: 0.2em 0.4em 0.13em Salmon, -0.2em -0.4em 0.13em DodgerBlue; Этот пример показывает что на текст допустимо накладывать несколько теней
text-shadow: inherit; Это значит что свойство наследует значение от родителя
Поделиться