Стиль textShadow Свойство
Пример
Добавьте тень к тексту:
document.getElementById("demo").style.textShadow = "5px 5px 1px #ff0000, 10px 10px 1px #0000ff";
Определение и использование
Свойство textShadow задает или возвращает один или несколько эффектов тени для текста.
Поддержка браузера
Property | |||||
---|---|---|---|---|---|
textShadow | Yes | 10.0 | Yes | Yes | Yes |
Синтаксис
Вернуть свойство textShadow:
object.style.textShadow
Установите свойство textShadow:
object.style.textShadow = "none|h-shadow v-shadow blur color|initial|inherit"
Примечание. Свойство textShadow добавляет к тексту одну или несколько теней. Свойство представляет собой список теней, разделенных запятыми, каждая из которых определяется 2 или 3 значениями длины и необязательным цветом. Пропущенные длины равны 0.
Значения свойств
Value | Description |
---|---|
none | No shadow is drawn. This is default |
h-shadow | Required. The position of the horizontal shadow. Negative values are allowed |
v-shadow | Required. The position of the vertical shadow. Negative values are allowed |
blur | Optional. The blur distance |
color | Optional. The color of the shadow. Look at CSS Color Values for a complete list of possible color values |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Технические детали
Значение по умолчанию: | никто |
---|---|
Возвращаемое значение: | Строка, представляющая разделенный запятыми список теневых эффектов, примененных к тексту элемента. |
CSS-версия | CSS3 |
Дополнительные примеры
Пример
Вернуть тень текста:
alert(document.getElementById("myP").style.textShadow);
Связанные страницы
Учебник CSS: текстовые эффекты CSS3
Справочник по CSS: свойство text-shadow
❮ Объект стиля