Svojstvo text-shadow
Svojstvo text-shadow zadaje senku tekstu.
Kao vrednost svojstvo prihvata 4
parametra, nabrojane kroz razmak, ili
ključnu reč none, koja potpuno otkazuje senku
(ovo je podrazumevana vrednost).
Sintaksa
selektor {
text-shadow: pomeraj_po_x pomeraj_po_y zamucenje boja;
}
selektor {
text-shadow: none;
}
Parametri
| Parametar | Opis |
|---|---|
| pomeraj po x |
Zadaje pomeraj senke po X osi.
Pozitivna vrednost pomera u desno, negativna - u levo. |
| pomeraj po y |
Zadaje pomeraj senke po Y osi.
Pozitivna vrednost pomera dole, negativna - gore. |
| zamucenje |
Zadaje zamucenje senke.
Sto je veca vrednost - senka ce biti mutnija. Neobavezni parametar. Ako nije zadat - senka ce biti jasna. |
| boja |
Zadaje boju senke u bilo kojim jedinicama za boju.
Neobavezni parametar. Ako nije zadat - boja senke se poklapa sa bojom teksta. |
Pomeraji po osama i zamucenje se zadaju u bilo kojim jedinicama za velicine, osim procentima.
Primer
Pomericemo senku dole i u levo i dodaćemo malu količinu zamućenja:
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-shadow: 5px 5px 3px black;
}
:
Primer . Jasna senka
A sada cemo napraviti senku crvene boje, pomeriti je dole i u levo, ali ukloniti zamucenje - senka ce biti jasna:
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-shadow: 10px 10px red;
}
:
Primer . Ujednacena senka
Sada senka nije pomerena, ali joj je dodato zamucenje:
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-shadow: 0px 0px 3px black;
}
:
Pogledajte takodje
-
svojstvo
box-shadow,
koje zadaje senku kontejneru