Ustawienie atrybutu textShadow

Definicja i użycie

textShadow Ustawia lub zwraca jeden lub więcej efektów cienia tekstu.

Inne zasoby:

Tutorial CSSCień tekstu CSS

Podręcznik CSSAtrybut text-shadow

Przykład

Przykład 1

Dodaj cień do tekstu:

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

Spróbuj sam

Przykład 2

Zwróć tekst cienia:

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

Spróbuj sam

Gramatyka

Zwróć atrybut textShadow:

object.style.textShadow

Ustawienie atrybutu textShadow:

object.style.textShadow = "none|h-shadow v-shadow blur color|initial|inherit"

Komentarz:Atrybut textShadow dodaje jeden lub więcej cieńów do tekstu. Atrybut ten jest listą cieni rozdzielonych przecinkami, każdy cień składa się z 2 lub 3 wartości długości i opcjonalnego koloru. Pominięte wartości długości wynoszą 0.

Wartość atrybutu

Wartość Opis
none Nie rysuje cienia. Domyślne.
h-shadow Wymagane. Położenie cienia wzdłuż osi poziomej. Dopuszczalne ujemne wartości.
v-shadow Wymagane. Położenie cienia wzdłuż osi pionowej. Dopuszczalne ujemne wartości.
blur Opcjonalnie. Odległość rozmycia.
color

Opcjonalnie. Kolor cienia.

Zobacz Wartości kolorów CSSdla pełnej listy możliwych wartości kolorów.
initial Ustawia tę właściwość na jej wartość domyślną. Zobacz initial.
inherit Inherbuje tę właściwość od elementu nadrzędnego. Zobacz inherit.

Szczegóły techniczne

Domyślna wartość: none
Zwracana wartość: Ciąg znaków, który reprezentuje listę efektów cienia zastosowanych do tekstu elementu, rozdzielonych przecinkami.
Wersja CSS: CSS3

Wsparcie przeglądarki

Tabela zawiera numery wersji przeglądarek, które w pełni wspierają tę właściwość.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Wsparcie 10.0 Wsparcie Wsparcie Wsparcie