«Единственный способ творить великие дела – это любить то, что ты делаешь»
CSS


Свойство text-shadow добавляет к тексту тень и устанавливает ее параметры.

Это свойство применимо ко всем элементам.

Internet Explorer понимает использование тени только с 10.0 версии.

Значение свойства text-shadow

- цвет тени можно задать двумя способами (подробнее здесь...). Этот параметр не является обязательным. По умолчанию цвет тени совпадает с цветом текста,

- сдвиг по оси x в единицах измерения, принятых в CSS (подробнее здесь...). Происходит смещение тени по горизонтали относительно текста. При положительном значении тень смещается вправо, при отрицательном - влево. Это обязательный параметр,

- сдвиг по оси y в единицах измерения, принятых в CSS (подробнее здесь...). Происходит смещение тени по вертикали относительно текста. При положительном значении тень смещается вниз, при отрицательном - вверх. Это обязательный параметр,

- радиус размытия задается в единицах измерения, принятых в CSS (подробнее здесь...). Этот параметр сглаживает тень. По умолчанию радиус размытия равен 0,

- none - отменяет добавление тени.

К тексту допускается добавлять несколько теней, указывая для них параметры через запятую. При этом тени накладываются друг на друга. В CSS2 первая тень располагается ниже последующих.

Значение по умолчанию

- none

Пример
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title> Свойство text-shadow </title>

<style type="text/css">
p{font-size:35px; color:#CC0000;}
</style>

</head>
<body>

<p> Текст без тени. </p>
<p style="text-shadow: 3px 3px;"> Текст с тенью. </p>
<p style="text-shadow: #FF3366 3px 3px 7px;"> Изменили цвет тени и размыли ее. </p>
<p style="text-shadow: #FF3366 3px 3px 5px, teal 3px 3px 10px;"> Добавили еще одну тень! </p>
Результат

Текст без тени.

Текст с тенью.

Изменили цвет тени и размыли ее.

Добавили еще одну тень!




Все cвойства CSS

Тематические публикации

CSS по шагам

Тематические публикации