Последнее обновление: 14.02.2011
Свойство -moz-box-shadow — задает эффект тени элементу. При этом размер элемента не меняется (несмотря на то что тень может быть расположена далеко за пределами элемента).
Значения свойства задает список теней, каждая из которых имеет 2 значения смещения по осям, радиус размывания(необязательный параметр), радиус распространения (необязательный параметр) и цвет (необязательный параметр). Порядок значений строго определен.
Смещение тени задается относительно верхнего левого угла текста. Положительные значения смещения сдвигают тень вправо и вниз, отрицательные влево и вверх.
Допустимые значения
- none — элемент не имеет тени.
- — тень элемента. Теней может быть несколько, описание каждой может содержать следующие параметры:
- inset — ключевое слово, которое говорит о том, что тень внутренняя
- — смещение тени по оси, радиус размыва и радиус распространения.
| Значение по умолчанию | none |
|---|---|
| Применимо | ко всем элементам |
| Наследование | нет |
| Поддерживается браузерами |
|
Пример
CSS
h1 {
-moz-box-shadow: 0px 3px 0px 3px #000, inset 3px 10px ;
}
Заметки
В спецификации CSS3 есть аналогичное свойство box-shadow.
По теме
- Вендорные префиксы. Что это?
- Тень для блока без использования картинок
- Тень для текста (кроссбраузерное решение)
- CSS свойство -webkit-box-shadow
- CSS свойство text-shadow
- Фильтр Blur
- Фильтр DropShadow
- Фильтр Shadow
Показать комментарии