Egenskaben text-shadow
Egenskaben text-shadow angiver en skygge til teksten.
Som værdi tager egenskaben 4
parametre, opremset med mellemrum, eller
nøgleordet none, som fjerner skyggen
helt (dette er standardværdien).
Syntaks
selektor {
text-shadow: forskydning_x forskydning_y udslætning farve;
}
selektor {
text-shadow: none;
}
Parametre
| Parameter | Beskrivelse |
|---|---|
| forskydning x |
Angiver forskydning af skyggen langs X-aksen.
En positiv værdi forskydder til højre, en negativ værdi - til venstre. |
| forskydning y |
Angiver forskydning af skyggen langs Y-aksen.
En positiv værdi forskydder nedad, en negativ værdi - opad. |
| udslætning |
Angiver udslætningen af skyggen.
Jo højere værdi - jo mere udslættet vil skyggen være. Valgfri parameter. Hvis ikke angivet - vil skyggen være skarp. |
| farve |
Angiver skyggens farve i enhver enhed for farver.
Valgfri parameter. Hvis ikke angivet - er skyggens farve den samme som tekstens farve. |
Forskydninger langs akser og udslætning angives i enhver enhed for størrelser, bortset fra procenter.
Eksempel
Lad os forskydde skyggen ned og til venstre og tilføje en lille udslætning:
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-shadow: 5px 5px 3px black;
}
:
Eksempel . Skarp skygge
Lad os nu gøre skyggen rød, forskydde den ned og til venstre, men fjerne udslætningen - skyggen vil være skarp:
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-shadow: 10px 10px red;
}
:
Eksempel . Ensartet skygge
Nu er skyggen ikke forskudt, men der er tilføjet udslætning til den:
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-shadow: 0px 0px 3px black;
}
:
Se også
-
egenskaben
box-shadow,
som angiver skygge til en container