Последние учебники веб-разработки
×

JavaScript Справка

обзор

JavaScript

JS строка JS Число JS операторы JS Заявления JS математический JS Дата JS массив JS логический JS RegExp JS Глобальный JS конверсионный

браузер BOM

Window Navigator Screen History Location

HTML DOM

DOM Документ DOM элементы DOM Атрибуты DOM Мероприятия DOM Стиль

HTML Объекты

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

Другие объекты

CSSStyleDeclaration


 

Style boxShadow Property

<Style Object

пример

Добавить окно-тень на сОн элемент:

document.getElementById("myDIV").style.boxShadow = "10px 20px 30px blue";
Попробуй сам "

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

Множества свойства boxShadow или возвращают раскрывающуюся тень коробки элемента.

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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

BoxShadow свойство поддерживается в IE9 +, Firefox, Chrome, Opera и Safari 5.1.1.

Синтаксис

Возвращает свойство boxShadow:

object .style.boxShadow

Установите свойство boxShadow:

object .style.boxShadow="none| Note: Свойство boxShadow придает одно или несколько бросившей тень на поле. Свойство представляет собой список разделенных запятыми теней, каждая из указанных 2-4 значений длины, дополнительный цвет, а также дополнительным вставкой ключевого слова. Пропущенные длины равны 0.

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

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

Примечание: В Safari (on PC) требуется параметр цвета. Если вы не определяете цвет, тень не отображается на всех.
inset Необязательный. Изменение тени от внешней тени (outset) к внутренней тени
initial Установка этого свойства в значение по умолчанию. Читайте о первоначальном
inherit Inherits это свойство от родительского элемента. Читайте о унаследовать

Технические подробности

Значение по умолчанию: никто
Возвращаемое значение: Строка, представляющая окно-тень свойство элемента
CSS версия CSS3

Похожие страницы

Ссылка CSS: box-shadow property

<Style Object