Text-shadow hassaýaty
text-shadow hassaýaty tekste kölege berýär.
Hassaýat baha hökmünde 4
parametr kabul edýär, boşluk bilen sanalýar, ýa-da
none kript sözü, kölegäni doly ýok edýär
(bu belli bir baha).
Sintaksis
selektor {
text-shadow: x boýunça ýerini üýtgetmek y boýunça ýerini üýtgetmek bulanma reňk;
}
selektor {
text-shadow: none;
}
Parametrler
| Parametr | Düşündiriş |
|---|---|
| x boýunça ýerini üýtgetmek |
Kölegäni X oky boýunça ýerini üýtgedýär.
Positive baha saga, negative - çepa sürýär. |
| y boýunça ýerini üýtgetmek |
Kölegäni Y oky boýunça ýerini üýtgedýär.
Positive baha aşak, negative - ýokaryk sürýär. |
| bulanma |
Kölegäni bulanmasyny kesgitleýär.
Bahasy uly bolsa, kölege has bulanjak bolar. Mecburi däl parametr. Berilmese, kölege ýiti bolar. |
| reňk |
Kölegäniň reňkini islendik reňk üçin ölçeg birliklerinde kesgitleýär.
Mecburi däl parametr. Berilmese, kölegäniň reňki tekstiň reňkine deň bolar. |
Okler boýunça ýerini üýtgetmeler we bulanma islendik ölçeg birliklerinde kesgitlenýär, göterimlerden başga.
Mysal
Kölegäni aşak we çepa süýşürelmeli we kiçi bulanma goşalyň:
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-shadow: 5px 5px 3px black;
}
:
Mysal . Ýiti kölege
Indi kölegäni gyzyl reňk edeliň, aşak we çepa süýşürelmeli, ýöne bulanmasyny aýyralyň - kölege ýiti bolar:
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-shadow: 10px 10px red;
}
:
Mysal . Deň kölege
Häzir kölege ýerini üýtgetilmändir, ýöne oňa bulanma goşuldy:
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-shadow: 0px 0px 3px black;
}
:
Şeýle-de görmeli
-
box-shadowhassaýaty,
konteýnerä kölege berýär