Свойство text-shadow добавляет к тексту тень и устанавливает ее параметры.
Это свойство применимо ко всем элементам.
Internet Explorer понимает использование тени только с 10.0 версии.
Значение свойства text-shadow
- цвет тени можно задать двумя способами (подробнее здесь...). Этот параметр не является обязательным. По умолчанию цвет тени совпадает с цветом текста,
- сдвиг по оси x в единицах измерения, принятых в CSS (подробнее здесь...). Происходит смещение тени по горизонтали относительно текста. При положительном значении тень смещается вправо, при отрицательном - влево. Это обязательный параметр,
- сдвиг по оси y в единицах измерения, принятых в CSS (подробнее здесь...). Происходит смещение тени по вертикали относительно текста. При положительном значении тень смещается вниз, при отрицательном - вверх. Это обязательный параметр,
- радиус размытия задается в единицах измерения, принятых в CSS (подробнее здесь...). Этот параметр сглаживает тень. По умолчанию радиус размытия равен 0,
- none - отменяет добавление тени.
К тексту допускается добавлять несколько теней, указывая для них параметры через запятую. При этом тени накладываются друг на друга. В CSS2 первая тень располагается ниже последующих.
- none
<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>
Текст без тени.
Текст с тенью.
Изменили цвет тени и размыли ее.
Добавили еще одну тень!
