Advego.ru - система покупки и продажи контента для сайтов, форумов и блогов

Информационный Бестселлер на DVD или CD

Статьи для сайтов!!!
Главная CSS по шагам Свойства CSS Text-shadow Text-transform

Свойство text-shadow

Описание

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

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

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

Значение

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

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

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

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

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

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

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

- none


Пример

Пример - Свойство text-shadow

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"
>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<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>

При просмотре в браузере

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

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

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

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


Свойство Text-indent Свойство Text-shadow Свойство Text-transform
Свойства CSS
Дизайн сайтов
ПОИСК ПО САЙТУ:

Моё имя Антон. Связаться со мною Вы можете по e-mail: averagev@mail.ru