Рекомендуемые курсы:

Стилизация атрибута textShadow

Определение и использование textShadow

Настройка или возврат одного или нескольких эффектов тени текста.

См. также:Тень текста CSS

CSS Учебник:CSS Руководство

Атрибут text-shadow

Пример

Пример 1

Добавить тень к тексту:

alert(document.getElementById("myP").style.textShadow);

document.getElementById("myP").style.textShadow = "5px 5px 1px #ff0000, 10px 10px 1px #0000ff";

Пример 2

Возврат текстовой тени:

alert(document.getElementById("myP").style.textShadow);

Попробуйте сами

Грамматика

Установите атрибут textShadow:Возвратите атрибут textShadow:

.style.textShadow

Установите атрибут textShadow:объектНе рисовать тень. По умолчанию. Вертикальное положение тени. Допускаются отрицательные значения. Отдаление размытия. Цвет тени..style.textShadow = "none|

|initial|inherit"Комментарий:

Атрибут textShadow добавляет один или несколько теней к тексту. Этот атрибут представляет собой список теней, разделенный запятыми, каждая тень состоит из 2 или 3 значений длины и необязательного цвета. Пропущенные значения длины равны 0.

Значение атрибута Значение
none Описание
Не рисовать тень. По умолчанию. v-shadow
Вертикальное положение тени. Допускаются отрицательные значения. Обязательно.
Отдаление размытия. Дополнительно.
Цвет тени.

Дополнительно.

Просмотрите Цветовые значения CSS, чтобы получить полный список возможных значений цвета.
initial Установите этот атрибут в его значение по умолчанию. См. initial.
inherit Этот атрибут наследуется от родительского элемента. См. inherit.

Технические детали

Значение по умолчанию: none
Возврат значения: Строка, представляющая список эффектов тени, применяемых к тексту элемента, разделенный запятыми.
Версия CSS: CSS3

Поддержка браузеров

Таблица чисел указывает на версию первого браузера, который полностью поддерживает этот атрибут.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Поддержка 10.0 Поддержка Поддержка Поддержка