text-shadow

Internet Explorer

Google Chrome

Opera

Safari

Firefox

6.07.08.0 2.03.04.0 9.29.610 2.03.14.0 2.03.03.6
                   
CSS 1CSS 2CSS 2.1CSS 3
    

Описание CSS свойства:

Добавляет тень к тексту, а также устанавливает её параметры: цвет тени, смещение относительно надписи и радиус размытия. Свойство text-shadow может работать совместно с псевдоэлементами first-letter и first-line. Процентная запись неприменима

Краткая информация:
Значение по умолчанию none
Наследуется Да
ПрименяетсяКо всем элементам
Ссылка на спецификацию http://www.w3.org/TR/css3-text/#text-shadow

Синтаксис CSS свойства:

  1. text-shadow: none | параметры тени [,параметры тени]
  2.  
  3. где параметры тени:
  4. <цвет> <сдвиг по x> <сдвиг по y> <радиус размытия>

Значения CSS свойства:

none - Отменяет добавление тени.

цвет - Цвет тени в любом доступном CSS формате. По умолчанию цвет тени совпадает с цветом текста. Необязательный параметр.

сдвиг по x - Смещение тени по горизонтали относительно текста. Положительное значение этого параметра задает сдвиг тени вправо, отрицательное — влево. Обязательный параметр.

сдвиг по y - Смещение тени по вертикали относительно текста. Также допустимо использовать отрицательное значение, которое опускает тень ниже текста. Обязательный параметр.

радиус - Задает радиус размытия тени. Чем больше это значение, тем сильнее тень сглаживается, становится шире и светлее. Если этот параметр не задан, по умолчанию устанавливается равным 0. Учтите, что алгоритм сглаживания в браузерах обычно разный, поэтому вид тени может несколько различаться в зависимости от заданных параметров сглаживания.

Допускается указывать несколько параметров тени, разделяя их между собой запятой. В CSS 3 учитывается следующий порядок: первая тень в списке размещается на самом верху, последняя в списке — в самом низу. В CSS 2 порядок наоборот: первая тень размещается в самом низу, а последняя на самом верху.


Особенности отображения в браузерах:

В браузере Safari 3.1 применяются только параметры первой тени.

Opera поддерживает максимум 6–9 параметров тени. Повышение этого значения, а также увеличение радиуса размытия свыше 100px сказывается на производительности браузера. Opera версии 9.5–10 использует отображение нескольких теней, как в CSS 2.

Safari до версии 3.2 включительно поддерживает только один параметр тени, остальные игнорируются. В версии 4.0 работает уже множество теней.

Браузер Internet Explorer ни в одной версии не понимает свойство text-shadow. Взамен используется свойство filterShadow(параметры). К примеру, следующая конструкция задает цвет тени (#666666), её направление (45° от вертикали) и величину смещения (4 пиксела).

filter: Shadow(Color=#666666, Direction=45, Strength=4);

 


Баннер SGU.RU