Text-shadow қасиеті
text-shadow қасиеті мәтінге көлеңке тағайындайды.
Қасиет мәні ретінде бос орын арқылы бөлінген 4
параметрді қабылдайды, не
none бөтен сөзін, бұл көлеңкені толығымен жояды
(бұл әдепкі мән).
Синтаксис
селектор {
text-shadow: x_жылжуы y_жылжуы бұлыңғырлық түс;
}
селектор {
text-shadow: none;
}
Параметрлер
| Параметр | Сипаттама |
|---|---|
| x бойынша жылжу |
Көлеңкені X осі бойынша жылжуды тағайындайды.
Оң мән оңға жылжытады, теріс мән - солға. |
| y бойынша жылжу |
Көлеңкені Y осі бойынша жылжуды тағайындайды.
Оң мән төмен жылжытады, теріс мән - жоғары. |
| бұлыңғырлық |
Көлеңкенің бұлыңғырлығын тағайындайды.
Мән неғұрлым үлкен болса - көлеңке соғұрлым бұлыңғыр болады. Міндетті емес параметр. Егер тағайындалмаса - көлеңке анық болады. |
| түс |
Көлеңкенің түсін түс бірліктерінің кез келгенінде тағайындайды.
Міндетті емес параметр. Егер тағайындалмаса - көлеңкенің түсі мәтін түсіне сәйкес келеді. |
Ось бойынша жылжулар мен бұлыңғырлық пайыздардан басқа өлшем бірліктерінің кез келгенінде тағайындалады.
Мысал
Көлеңкені төмен және солға жылжытып, кішкентай бұлыңғырлық қосамыз:
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-shadow: 5px 5px 3px black;
}
:
Мысал . Анық көлеңке
Енді көлеңкені қызыл түске бояп, оны төмен және солға жылжытамыз, бірақ бұлыңғырлықты алып тастаймыз - көлеңке анық болады:
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-shadow: 10px 10px red;
}
:
Мысал . Бірқалыпты көлеңке
Қазір көлеңке жылжытылмаған, бірақ оған бұлыңғырлық қосылған:
<div id="elem">
Lorem ipsum dolor sit amet.
</div>
#elem {
text-shadow: 0px 0px 3px black;
}
:
Сондай-ақ қараңыз
-
box-shadowқасиеті,
бұл контейнерге көлеңке тағайындайды