Својство 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,
које задаје сенку контејнеру