Текст-тень, для всех браузеров

Стандартный атрибут закрашивания текста CSS 3 и альтернатива для старых браузеров.

Эффект затенения под символами текста существует в Internet Explorer 5.5 в виде фильтра ActiveX. Он получил широкое распространение во всех браузерах, став собственностью CSS 3.

Показ

Стандартный код

За свойством text-shadow следует определение или список определений, разделенных запятой.

Можно отменить свойство с определением: text-shadow: none.

Каждое определение состоит из 4 параметров, два из которых являются необязательными.

Цвет. Опционально. По умолчанию это цвет текста элемента.
Смещение по горизонтали. Это ширина тени, которая простирается вправо при положительном значении. Отрицательное значение помещает его слева .
Смещение по вертикали. Это высота тени вниз, если положительная, если нет.
Уровень размытости. Не обязательно, значение по умолчанию равно 0. Целое число больше нуля делает тень легче.

Код демо :

.tshadow
{
  text-shadow: 1px 1px 2px black;
}

Чтобы окружить символы эффектом ореола:

.halo
{
  text-shadow: 1px 1px 2px black, 0 0 1em gray, 0 0 0.2em gray;
}

Пример :

Показ

CSS-код для всех браузеров

<style>
.tshadow
{ 
	text-shadow: 1px 1px 2px black;
}
.halo
{
	text-shadow: 1px 1px 2px black, 0 0 1em gray, 0 0 0.2em gray;
}
</style>

Чтобы получить доступ к этим свойствам в JavaScript ...

object.style.textShadow="1px 2px 2px gray";