Styla textShadow-egenskapen

Definition och användning

textShadow Ställer in eller returnerar en eller flera skuggor för texten.

Se också:

CSS-tutorials:CSS textskugga

CSS-referenshandbok:text-shadow-egenskapen

Exempel

Exempel 1

Lägg till skugga till texten:

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

Prova själv

Exempel 2

Returnera textskugga:

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

Prova själv

Syntaks

Returnera textShadow-egenskapen:

object.style.textShadow

Ställ in textShadow-egenskapen:

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

Kommentar:textShadow-egenskapen lägger till en eller flera skuggor till texten. Egenskapen är en lista över skuggor separerade med kommatecken, varje skugga består av 2 eller 3 längdvärden och valfritt färgvärde. Utelämnade längder är 0.

Egenskapsvärde

Värde Beskrivning
none Rita inte skugga. Standard.
h-shadow Obligatoriskt. Horisontalskuggans position. Tillåter negativa värden.
v-shadow Obligatoriskt. Vertikalskuggans position. Tillåter negativa värden.
blur Valfritt. Suddighetsavstånd.
color

Valfritt. Skuggans färg.

Se CSS-färgvärdenför en fullständig lista över möjliga färgvärden.
initial Sätt detta egenskap till dess standardvärde. Se initial.
inherit Inheritera detta egenskap från föräldrelementet. Se inherit.

Tekniska detaljer

Standardvärde: none
Returvärde: Sträng, som anger en lista över skuggor som tillämpas på elementets text, separerade med kommatecken.
CSS-version: CSS3

Webbläsarstöd

Tabellen siffror anger den första webbläsaren som helt stöder detta egenskap.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Stöd 10.0 Stöd Stöd Stöd