«Единственный способ творить великие дела – это любить то, что ты делаешь»
CSS
site.komp36.ru Создание сайтов. Твой сайт фотографа Что есть на сайте? Несколько фото галерей: свадебная, постановочная съемка, love story, детские фото. Договор на фотосъемку, прайс-лист.
site.komp36.ru Продающий лендинг «Установка и продажа окон» Установка и продажа окон, установка дверей, перегородок. Одностраничный продающий сайт. Заявки прямо с сайта
site.komp36.ru Универсальный лендинг. Любая тема сайта - 4900 руб. Лендинг адаптируется под любую тему: ремонт, отделка, продажа окон, дверей, лестниц, мебели и многое другое
site.komp36.ru Создание сайтов. Сайт сервисного центра. Сайт компании. Новости и отзывы. Несколько прайс-листов – под каждый отдельная страница. Возможность размещения статей

Свойство 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>
Результат

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

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

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

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


site.komp36.ruТвой сайт фотографа. Создание сайтов Что есть на сайте? Несколько фото галерей: свадебная, постановочная съемка, love story, детские фото. Договор на фотосъемку, прайс-лист.
site.komp36.ru Акция Как начать свое дело? Свой сайт «Укладка плитки» 9 000 руб. Лендинг адаптируется под любой вид отделочных работ, продажу товаров или услуг. Сайт поможет найти новых клиентов
site.komp36.ru Акция Продающий лендинг «Установка и продажа окон» 9 000 руб. Одностраничный продающий сайт. Установка и продажа окон, установка дверей, перегородок. Заявки прямо с сайта

Все cвойства CSS
Тематические публикации
site.komp36.ru Как начать свое дело? Свой сайт «Укладка плитки» 9 000 руб. Лендинг адаптируется под любой вид отделочных работ, продажу товаров или услуг. Сайт поможет найти новых клиентов
site.komp36.ru Продающий лендинг «Установка и продажа окон» 9 000 руб. Одностраничный продающий сайт. Установка и продажа окон, установка дверей, перегородок. Заявки прямо с сайта

CSS по шагам
Тематические публикации
site.komp36.ru Как начать свое дело? Свой сайт «Укладка плитки» 9 000 руб. Лендинг адаптируется под любой вид отделочных работ, продажу товаров или услуг. Сайт поможет найти новых клиентов
site.komp36.ru Продающий лендинг «Установка и продажа окон» 9 000 руб. Одностраничный продающий сайт. Установка и продажа окон, установка дверей, перегородок. Заявки прямо с сайта