Vetia text-shadow
Vetia text-shadow vendos një hije tekstit.
Si vlerë, vetia pranon 4
parametra, të listuar përmes hapësirës, ose
fjalën kyçe none, e cila e çaktivizon hijen
krejtësisht (kjo është vlera e paracaktuar).
Sintaksa
përzgjedhësi {
text-shadow: zhvendosja_për_x zhvendosja_për_y zamrimi ngjyra;
}
përzgjedhësi {
text-shadow: none;
}
Parametrat
| Parametri | Përshkrimi |
|---|---|
| zhvendosja për x |
Përcakton zhvendosjen e hijes përgjatë boshtit X.
Vlera pozitive e zhvendos djathtas, vlera negative - majtas. |
| zhvendosja për y |
Përcakton zhvendosjen e hijes përgjatë boshtit Y.
Vlera pozitive e zhvendos poshtë, vlera negative - lart. |
| zamrimi |
Përcakton zamrimin e hijes.
Sa më e madhe të jetë vlera - aq më e zamuar do të jetë hijja. Parametër jo i detyrueshëm. Nëse nuk është vendosur - hijja do të jetë e qartë. |
| ngjyra |
Përcakton ngjyrën e hijes në çdo njësi për ngjyra.
Parametër jo i detyrueshëm. Nëse nuk është vendosur - ngjyra e hijes përputhet me ngjyrën e tekstit. |
Zhvendosjet përgjatë boshteve dhe zamrimi vendosen në çdo njësi për përmasa, përveç përqindjeve.
Shembull
Le ta zhvendosim hijen poshtë dhe majtas dhe t'i shtojmë një zamrim të vogël:
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-shadow: 5px 5px 3px black;
}
:
Shembull . Hije e qartë
Tani le ta bëjmë hijen me ngjyrë të kuqe, ta zhvendosim poshtë dhe majtas, por të heqim zamrimin - hijja do të jetë e qartë:
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-shadow: 10px 10px red;
}
:
Shembull . Hije uniforme
Tani hijja nuk është zhvendosur, por i është shtuar zamrim:
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-shadow: 0px 0px 3px black;
}
:
Shihni gjithashtu
-
vetia
box-shadow,
e cila vendos hije një kontejneri