Хосияти 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,
ки сояро ба контейнер медиҳад