Xüsusiyyət text-shadow

Xüsusiyyət text-shadow mətnə kölgə təyin edir. Xüsusiyyət dəyər kimi boşluqla ayrılan 4 parametr qəbul edir, ya da kölgəni tamamilə ləğv edən none açar sözünü (bu standart dəyərdir).

Sintaksis

selektor {
	text-shadow: x_uzrə_sürüşmə y_uzrə_sürüşmə bulanıqlıq rəng;
}

selektor {
	text-shadow: none;
}

Parametrlər

Parametr	Təsvir
x uzrə sürüşmə	Kölgənin X oxu üzrə yerdəyişməsini təyin edir. Müsbət dəyər sağa, mənfi dəyər isə sola sürüşdürür.
y uzrə sürüşmə	Kölgənin Y oxu üzrə yerdəyişməsini təyin edir. Müsbət dəyər aşağı, mənfi dəyər isə yuxarı sürüşdürür.
bulanıqlıq	Kölgənin bulanıqlığını təyin edir. Dəyər nə qədər böyük olarsa, kölgə bir o qədər bulanıq olar. İstəyə bağlı parametr. Əgər təyin olunmayıbsa - kölgə aydın olar.
rəng	Kölgənin rəngini istənilən rəng vahidlərində təyin edir. İstəyə bağlı parametr. Əgər təyin olunmayıbsa - kölgənin rəngi mətnin rəngi ilə eyni olar.

Oxlar üzrə yerdəyişmələr və bulanıqlıq faizlər istisna olmaqla, istənilən ölçü vahidlərində təyin oluna bilər.

Nümunə

Gəlin kölgəni aşağı və sola sürüşdürək və kiçik bir bulanıqlıq əlavə edək:

<div id="elem">
	Lorem ipsum dolor sit amet.
</div>

#elem {
	text-shadow: 5px 5px 3px black;
}

Nümunə . Aydın kölgə

İndi isə kölgəni qırmızı rəngdə edək, onu aşağı və sola sürüşdürək, lakin bulanıqlığı aradan qaldıraq - kölgə aydın olacaq:

<div id="elem">
	Lorem ipsum dolor sit amet.
</div>

#elem {
	text-shadow: 10px 10px red;
}

Nümunə . Vahid kölgə

İndi kölgə yerdəyişməmişdir, lakin ona bulanıqlıq əlavə olunub:

<div id="elem">
	Lorem ipsum dolor sit amet.
</div>

#elem {
	text-shadow: 0px 0px 3px black;
}

Həmçinin bax

xüsusiyyət box-shadow,
konteynerə kölgə təyin edən