Уласцівасць text-shadow
Уласцівасць text-shadow задае цень тэксту.
У якасці значэння ўласцівасць прымае 4
параметры, якія пералічваюцца праз прабел, альбо
ключавое слова none, якое адмяняе цень
зусім (гэта значэнне па змаўчанні).
Сінтаксіс
селектар {
text-shadow: зрух_па_x зрух_па_y размыццё колер;
}
селектар {
text-shadow: none;
}
Параметры
| Параметр | Апісанне |
|---|---|
| зрух па x |
Задае зрушэнне ценю па восі X.
Дадатнае значэнне зрушвае направа, адмоўнае - налева. |
| зрух па y |
Задае зрушэнне ценю па восі Y.
Дадатнае значэнне зрушвае ўніз, адмоўнае - уверх. |
| размыццё |
Задае размыццё ценю.
Чым больш значэнне - тым больш размытай будзе цень. Неабавязковы параметр. Калі не зададзены - цень будзе чёткай. |
| колер |
Задае колер ценю ў любых адзінках вымярэння для колеру.
Неабавязковы параметр. Калі не зададзены - колер ценю супадае з колерам тэксту. |
Зрухi па восях і размыццё задаюцца ў любых адзінках вымярэння для памераў, акрамя працэнтаў.
Прыклад
Давайце зрушым цень уніз і налева і дадамо невялікае размыццё:
<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,
якое задае цень кантэйнеру