Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.
Нажимай и поддержи.

Пн Вт Ср Чт Пт Сб Вс
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31


Чувашия-это моя Россия

Ссылки на каскадные стили CSS - box-shadow.

Поддержка Браузеров

Internet Explorer Интернет эксплорер Google Chrome Google Chrome Opera Опера Firefox Firefox Safari Сафари, то есть поддерживается во всех основных браузерах.

Определение и использование. Свойство box-shadow придает один или несколько отбрасываемых теней в окне, то есть свойство box-shadow придает тень элементу. Имеется возможность использовать несколько теней, указывая параметры через запятую, при складывания теней первая тень в списке будет выше, чем последняя. Если для тега страниц сайта задается радиус округления посредством свойства border-radius, тогда тень соответственно получится с закругленными уголками в взависимости от радиуса закругления. Добавление тени увеличивает ширину элемента, поэтому имейте ввиду, что возможно появление горизонтальной полосы прокрутки в браузере.

Самое мощное здесь даже не в том, что производится некое изменение некого участка страницы сайта. Самое мощное здесь в том, что свойство box-shadow, которое действует через стили CSS3 автономно работает даже при отключения JavaScripta в браузере Вашего компьютера.


Синтаксис:

              box-shadow: none|h-shadow v-shadow blur spread color inset|initial|inherit; 

Определение и использование

Свойство box-shadow присоединяет один или более отбрасываемых теней на поле.

Значение по умолчанию: none
наследует: нет
Версия: CSS3
JavaScript синтаксис: object.style.boxShadow="10px 20px 30px blue"


Свойства Значения

Значение Описание
none Значение по умолчанию. Тень не отображается
h-shadow Требуется. Положение горизонтальной тени. Отрицательные значения
v-shadow Требуется. Положение вертикальной тени. Отрицательные значения
blur Необязательно. Расстояние размытия
spread Необязательно. Размеры теневой
color Необязательно. Цвет тени. Значение по умолчанию-черный. Смотрите на CSS Значения Цвета для получения полного списка возможных значений цвета.

Внимание!!! В сафари цвет параметр является обязательным. Если вы не укажите цвет, тень не отображается.
inset Необязательно. Изменения тень от внешней тен(в начале) к внутренней тени
initial Это свойство задает значение по умолчанию.
inherit Наследует это свойство от своего родительского элемента.


Пишем программу - Добавить box-shadow в элемент:

< !DOCTYPE html>
< html>
< head>
< style> 
div
{
width:300px;
height:100px;
background-color: #F99;
box-shadow: 10px 10px 5px #888888;
}
< /style>
< /head>
< body>

< div>< /div>

< /body>
< /html>                      

Результат программы:




seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...

обратно на главную     назад    дальше     вперед

ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: