Свойство text-shadow

Свойство text-shadow текстга соя беришни белгилайди. Қиймат сифатида свойство 4 та параметрни, бўшлиқ орқали ажратиб ёзилади, ёки сояни бутунлай бекор қиладиган (бу сусланган қиймат) калит сузи none қабул қилади.

Синтаксис

cssселектор {
  text-shadow: x_буйича_силжиш y_буйича_силжиш тортшиш ранг;
}

cssселектор {
  text-shadow: none;
}

Параметрлар

Параметр	Изох
x буйича силжиш	Соянинг X ўқи буйича силжишини белгилайди. Мусбат қиймат ўнгга, манфай қиймат - чапга силжитади.
y буйича силжиш	Соянгинг Y ўқи буйича силжишини белгилайди. Мусбат қиймат пастга, манфай қиймат - юқорига силжитади.
тортишиш	Соянгинг тортишишини белгилайди. Қиймат қанча катта бўлса, соя шунчала тортишган бўлади. Мажбурий бўлмаган параметр. Агар белгиланмаса - соя аниқ бўлади.
ранг	Соянгинг рангни исталган ранг учун ўлчов бирликларида белгилайди. Мажбурий бўлмаган параметр. Агар белгиланмаса - соянгинг рангни матн рангнига тўғри келади.

Ўқлар буйича силжишлар ва тортишиш фоизлардан ташкари исталган ўлчовлар учун бирликларда белгиланади.

Мисол

Келинг сояни пастга ва чапга силжитиб, бир оз тортиштирамиз:

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

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

Результат:

Мисол . Аниқ соя

Энди сояни қизил рангда қиламиз, уни пастга ва чапга силжитамиз, лекин тортишишни олиб ташлаймиз - соя аниқ бўлади:

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

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

Результат:

Мисол . Тенг соя

Ҳозир соя силжитилмаган, лекин унга тортишиш қўшилган:

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

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

Результат:

Ҳам қаранг

свойство box-shadow,
контейнерга соя беришни белгиловчи