Muotoile textShadow-ominaisuus

Määrittely ja käyttö

textShadow Asettaa tai palauttaa tekstin yhden tai useamman varjon ominaisuuden.

Lisäksi:

CSS oppikirja:CSS-tekstisumua

CSS viittausoppikirja:text-shadow-ominaisuus

Esimerkki

Esimerkki 1

Lisää tekstin varjo:

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

Kokeile itse

Esimerkki 2

Palauta tekstin varjo:

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

Kokeile itse

Syntaksi

Palauta textShadow-ominaisuus:

object.style.textShadow

Aseta textShadow-ominaisuus:

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

Huomautus:textShadow-ominaisuus lisää yhden tai useamman varjon tekstin ympärille. Tämä ominaisuus on pilkulla erotettu varjojen luettelo, jossa jokainen varjo koostuu 2 tai 3 pituusarvosta ja valinnaisesta väristä. Ohitetut pituudet ovat 0.

Ominaisuusarvo

Arvo Kuvaus
none Ei piirretä varjoa. Oletus.
h-shadow Välttämätön. Vaakasuuntainen varjon sijainti. Sallii negatiiviset arvot.
v-shadow Välttämätön. Pystysuuntainen varjon sijainti. Sallii negatiiviset arvot.
blur Valinnainen. Pehmennysetäisyys.
color

Valinnainen. Varjon väri.

Tarkastele CSS väriarvotsaadaksesi täydellisen luettelon mahdollisista väriarvoista.
initial Aseta tämä ominaisuus sen oletusarvoon. Katso initial.
inherit Periisi elementistä tätä ominaisuutta. Katso inherit.

Tekninen tarkistus

Oletusarvo: none
Palautusarvo: Merkkijono, joka edustaa elementin tekstin varjotehosteen luetteloa, erotettuna pilkulla.
CSS-versio: CSS3

Selaimen tuki

Taulukon numerot osoittavat ensimmäisen täysin tukevan selaimen version ominaisuuden.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Tuki 10.0 Tuki Tuki Tuki