Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.
Definiție și utilizare
Proprietatea text-shadow adaugă umbra textului.
Această proprietate acceptă o listă separată prin virgulă de umbre care urmează să fie aplicate textului.
| Valoare implicită: | none |
|---|---|
| Mostenit: | yes |
| Animatable: | yes. Read about animatable Try it |
| Versiune: | CSS3 |
| sintaxa JavaScript: | object .style.textShadow="2px 5px 5px red" Try it |
Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin proprietatea.
| Proprietate | |||||
|---|---|---|---|---|---|
| text-shadow | 4 | 10.0 | 3.5 | 4 | 9.6 |
CSS Sintaxa
text-shadow: Note: Pentru a adăuga mai mult de o umbră la text, se adaugă o listă separată prin virgulă de umbre. Valori de proprietate
Valoare Descriere Joaca-l h-shadow Necesar. Poziția umbrei orizontală. Valorile negative sunt permise Joaca - l » v-shadow Necesar. Poziția umbrei pe verticală. Valorile negative sunt permise Joaca - l » blur-radius Opțional. Raza neclaritate. Valoarea implicită este 0 Joaca - l » color Opțional. Culoarea umbrei. Uită - te la valori de culoare CSS pentru o listă completă a posibilelor valori de culoare Joaca - l » none Valoare implicită. Nici o umbră Joaca - l » initial Setează această proprietate la valoarea implicită. Citiți despre inițială Joaca - l » inherit Mosteneste această proprietate de la elementul părinte. Citiți despre moștenesc
Mai multe exemple
Exemplu
Acest exemplu demonstrează un text umbra, cu un efect de estompare:
h1 {
text-shadow: 2px 2px 8px #FF0000;
} Încearcă - l singur »
Exemplu
Acest exemplu demonstrează text umbra pe un text alb:
h1 {
color: white;
text-shadow:
2px 2px 4px #000000;
} Încearcă - l singur »
Exemplu
Acest exemplu demonstrează text umbra cu o strălucire de neon roșu:
h1 {
text-shadow: 0 0 3px #FF0000;
} Încearcă - l singur »
Exemplu
Acest exemplu demonstrează text umbra cu o strălucire de neon roșu și albastru:
h1 {
text-shadow: 0 0 3px #FF0000,
0 0 5px #0000FF;
} Încearcă - l singur »
Pagini similare
Tutorial CSS3: Efecte CSS3 Text
HTML DOM referință: textShadow property