Styl teksShadow Property
Voorbeeld
Voeg skaduwee by 'n teks:
document.getElementById("demo").style.textShadow = "5px 5px 1px #ff0000, 10px 10px 1px #0000ff";
Definisie en gebruik
Die textShadow-eienskap stel of gee een of meer skadu-effekte vir 'n teks terug.
Blaaierondersteuning
Property | |||||
---|---|---|---|---|---|
textShadow | Yes | 10.0 | Yes | Yes | Yes |
Sintaksis
Gee die textShadow-eienskap terug:
object.style.textShadow
Stel die textShadow-eienskap:
object.style.textShadow = "none|h-shadow v-shadow blur color|initial|inherit"
Let wel: Die textShadow-eienskap heg een of meer skaduwees aan teks. Die eiendom is 'n komma-geskeide lys van skaduwees, elk gespesifiseer deur 2 of 3 lengte waardes en 'n opsionele kleur. Weggelaat lengtes is 0.
Eiendomswaardes
Value | Description |
---|---|
none | No shadow is drawn. This is default |
h-shadow | Required. The position of the horizontal shadow. Negative values are allowed |
v-shadow | Required. The position of the vertical shadow. Negative values are allowed |
blur | Optional. The blur distance |
color | Optional. The color of the shadow. Look at CSS Color Values for a complete list of possible color values |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Tegniese besonderhede
Standaard waarde: | geen |
---|---|
Terugkeerwaarde: | 'n String, wat 'n komma-geskeide lys van skadu-effekte verteenwoordig wat op die teks van die element toegepas word |
CSS weergawe | CSS3 |
Meer voorbeelde
Voorbeeld
Gee die teksskadu terug:
alert(document.getElementById("myP").style.textShadow);
Verwante bladsye
CSS-tutoriaal: CSS3-tekseffekte
CSS verwysing: teks-skadu-eienskap
❮ Stylvoorwerp