Ultimele tutoriale de dezvoltare web
 

Style textShadow Property

<Style Object

Exemplu

Adăugați umbra la un text:

document.getElementById("myP").style.textShadow = "5px 5px 1px #ff0000,10px 10px 1px #0000ff";
Încearcă - l singur »

Definiție și utilizare

Seturile de proprietate textShadow sau returnează una sau mai multe efecte de umbră pentru un text.


Suport pentru browser-

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Proprietatea textShadow este acceptată în toate browserele majore.

Notă: Proprietatea textShadow nu este acceptată în Internet Explorer 9 și versiunile anterioare.


Sintaxă

Întoarcere proprietatea textShadow:

object .style.textShadow

Setați proprietatea textShadow:

object .style.textShadow="none| Note: Proprietatea textShadow acordă unul sau mai multe umbre la text. Proprietatea este o listă separată prin virgulă de umbre, specificate fiecare cu 2 sau 3 valori de lungime și o culoare opțional. lungimile sunt 0 omise.

Valori de proprietate

Valoare Descriere
none Nici o umbră este tras. Acest lucru este implicit
h-shadow Necesar. Poziția umbrei orizontală. Valorile negative sunt permise
v-shadow Necesar. Poziția umbrei pe verticală. Valorile negative sunt permise
blur Opțional. Distanța neclaritate
color Opțional. Culoarea umbrei. Uită - te la valori de culoare CSS pentru o listă completă a posibilelor valori de culoare
initial Setează această proprietate la valoarea implicită. Citiți despre inițială
inherit Mosteneste această proprietate de la elementul părinte. Citiți despre moștenesc

Detalii tehnice

Valoare implicită: nici unul
Întoarcere Valoare: Un șir, ceea ce reprezintă o listă separată prin virgulă de efecte de umbră aplicate textului elementului
CSS Versiune CSS3

Mai multe exemple

Exemplu

Întoarcere umbra textului:

alert(document.getElementById("myP").style.textShadow);
Încearcă - l singur »

Pagini similare

Tutorial CSS: Efecte CSS3 Text

Referință CSS: text-shadow property


<Style Object