CSS text-shadow egenskap
- Föregående sida text-overflow
- Nästa sida text-transform
Definition och användning
text-shadow-egenskapen ställer in skuggor för texten.
Se också:
CSS3 tutorial:CSS3 text effects
HTML DOM referenshandbok:textShadow-egenskapen
Exempel
Grundläggande textskuggorseffekt:
h1
{
text-shadow: 5px 5px 5px #FF0000;
}
Det finns fler exempel längst ner på sidan.
CSS syntax
text-shadow: h-shadow v-shadow blur color;
Kommentar:text-shadow-egenskapen lägger till en eller flera skuggor till texten. Egenskapen är en kommateckenskapad lista med skuggor, varje skugga har två eller tre längdvärden och en valfri färgvärde som specificerar. Utelämnade längder är 0.
Egenskapsvärde
| Värde | Beskrivning | Test |
|---|---|---|
| h-shadow | Obligatorisk. Horisontalskuggans position. Tillåter negativa värden. | Test |
| v-shadow | Obligatorisk. Vertikalskuggans position. Tillåter negativa värden. | Test |
| blur | Valfritt. Suddets avstånd. | Test |
| color | Valfritt. Skuggans färg. Se CSS färgvärden. | Test |
Tekniska detaljer
| Standardvärde: | ingen |
|---|---|
| Arvsförmåga: | ja |
| Version: | CSS3 |
| JavaScript syntax: | object.style.textShadow="2px 2px #ff0000" |
Mer exempel
- Textskuggor med suddig effekt
- Detta exempel visar textskuggor med suddig effekt.
- Skuggor på vit text
- Detta exempel visar textskuggor på vit text.
- Textskuggor med neon-effekt
- Detta exempel visar textskuggor med neon-effekt.
Webbläsarstöd
Talen i tabellen anger den första webbläsare som helt stöder egenskapen.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 4.0 | 10.0 | 3.5 | 4.0 | 9.6 |
- Föregående sida text-overflow
- Nästa sida text-transform
