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 қасиеті,
бұл контейнерге көлеңке тағайындайды