CSS text-shadow egenskab
- foregående side tekst-overløb
- næste side text-transform
Definition og brug
text-shadow-egenskaben indstiller skygger til teksten.
Se også:
CSS3 tutorial:CSS3 teksteffekter
HTML DOM referenciaskema:textShadow-egenskaben
Eksempel
Basis tekstskyggeeffekt:
h1
{
text-shadow: 5px 5px 5px #FF0000;
}
Der er flere eksempler nederst på siden.
CSS syntaks
text-shadow: h-shadow v-shadow blur color;
Bemærkninger:text-shadow-egenskaben tilføjer en eller flere skygger til teksten. Egenskaben er en komma-separeret liste over skygger, hver skygge har to eller tre længdeværdier og en valgfri farveværdi. Udeladte længder er 0.
Egenskabsværdi
| Værdi | Beskrivelse | Test |
|---|---|---|
| h-shadow | Obligatorisk. Horisontalskyggenes position. Tillader negative værdier. | Test |
| v-shadow | Obligatorisk. Vertikalskyggenes position. Tillader negative værdier. | Test |
| blur | Valgfri. Sløringens afstand. | Test |
| color | Valgfri. Skyggenes farve. Se CSS farveværdier. | Test |
Teknisk detalje
| Standardværdi: | ingen |
|---|---|
| Arvbarhed: | ja |
| Version: | CSS3 |
| JavaScript syntaks: | object.style.textShadow="2px 2px #ff0000" |
Flere eksempler
- Tekstskygge med en sløret effekt
- Dette eksempel viser tekstskygge med en sløret effekt.
- Skygge på hvid tekst
- Dette eksempel viser tekstskygge på hvid tekst.
- Tekstskygge med neon-effekt
- Dette eksempel viser tekstskygge med neon-effekt.
browser-understøttelse
Tabellets tal angiver den første browserversion, der fuldt ud understøtter egenskaben.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 4.0 | 10.0 | 3.5 | 4.0 | 9.6 |
- foregående side tekst-overløb
- næste side text-transform
