Свойство text-shadow
Свойство text-shadow добавляет эффект тени(ей) для текста, и устанавливает её свойства, при этом размер элемента с текстом не меняется, вне зависимости от размера и положения тени. Возможно задавать несколько теней, разделять их необходимо между собой запятой. В CSS3 учитывается следующий порядок: первая тень в списке размещается на самом верху, последняя в списке — в самом низу. В CSS2 порядок наоборот: первая тень размещается в самом низу, а последняя на самом верху.
Свойство text-shadow определено в спецификациях CSS 2.1 и CSS 3 модуль Text Level 3 (текст, уровень 3), применяется к всем элементам, и действует на всех визуальные носителях, его значение не наследуется от родительского элемента в спецификации CSS уровень 2.1, и наследуется в спецификации CSS уровень 3, и по умолчанию принимает значение none. На данный момент свойство поддерживается во всех основных браузерах.
Смотри также:
Краткое описание
Синтаксис:
none | [<тень>,]* <тень>; где <тень> = [ <цвет>? <смещение по x> <смещение по y> <радиус размытия>? | <смещение по x> <смещение по y> <радиус размытия>? <цвет>? ]
По умолчанию:
none
Применяется к:
всем элементам
Наследование:
не наследуется
Тип носителя:
визуальные
Объектная модель документа (DOM):
[элемент].style.text-shadow
Кроссбраузерная совместимость
Internet Explorer
Firefox
| 2.0 | 3.0 | 3.5 | 3.6 | 4.0 | 5.0 | 6.0 | 7.0 | 8.0 | 9.0 | 10.0 | 11.0 | 12.0 | 13.0 |
|---|
| - | - | ? | + | + | + | + | + | + | + | + | + | + | + |
Chrome
| 1.0 | 2.0 | 3.0 | 4.1 | 5.0 | 6.0 | 7.0 | 8.0 | 9.0 | 10.0 | 11.0 | 12.0 | 13.0 | 14.0 | 15.0 | 16.0 | 17.0 | 18.0 | 19.0 | 20.0 |
|---|
| ? | + | + | + | + | + | + | + | + | + | + | + | + | + | + | + | + | + | + |
Safari
| 1.0 | 1.1 | 1.2 | 1.3 | 2.0 | 3.0 | 3.2 | 4.0 | 5.0 |
|---|
| | | | ? | + | + | + | + |
Opera
| 8.5 | 9.2 | 9.5 | 9.6 | 10.1 | 10.5 | 10.6 | 11.0 | 11.1 | 11.5 | 11.6 |
|---|
| - | - | ? | ? | ? | ? | ? | ? | ? | ? | ? |