Справочник по CSS : Тематический указатель : Расширения CSS для Firefox (Gecko) : Свойства : -moz-background-clip
смотрим также
Материал из Справочник Web-языков
Содержание |
Свойство -moz-background-clip
Определяет зону отображения фона, который может быть задан в виде рисунка или цвета.
Синтаксис
-moz-background-clip: [border | padding][, [border | padding]]*
Используемые значения
- Может принимать одно из следующих значений:
- border (border-box)
- Значение по умолчанию. Фон отрисовывается под контентом, полями (отступами) и границей (border). Фон находится ниже, чем граница по z-упорядочиванию. Для Internet Explorer 7 значение по умолчанию является другим (см. Поддерживаемые браузеры).
- padding (padding-box)
- Фон отрисовывается только под контентом и полями (отступами).
Значением по умолчанию является border. Атрибут Каскадных таблиц стилей (CSS) не наследуется.
Замечания
Если в виде фона не используется рисунок, то визуальный эффект от применения свойства -moz-background-clip видно только в том случае, если у границы (border) есть прозрачные или частично-видимые области: пунктир и т.п. (см. border-style).
Примеры
В примере показано как описать свойство -moz-background-clip.
pre { border: 1em navy; border-style: dotted double; background: tomato; /* Красный фон будет только до границы (border), но не под ней*/ -moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box; }
Стандарты
Этот свойство определено в CSS 3 Backgrounds and Borders #background-clip
Поддерживаемые браузеры
Firefox (Gecko) начиная с версии 1.0 (1.2) - для -moz-background-clip: padding | border
Opera начиная с версии 10.5 - для background-clip: padding-box | border-box
Safari (WebKit) начиная с версии 3.0 (522) - для -webkit-background-clip: padding | border | content, -webkit-background-clip: padding-box | border-box | content-box.
Для Internet Explorer 7 (но не для более ранних версий) свойство-moz-background-clip работает как background-clip:padding, если свойство overflow принимает значения: hidden | auto | scroll.
Смотрите также
-moz-background-size, -moz-background-origin
background, background-attachment, background-color, background-image, background-position, background-repeat