Справочник по CSS : Тематический указатель : Расширения CSS для Firefox (Gecko) : Свойства : -moz-background-clip

Материал из Справочник Web-языков

Перейти к: навигация, поиск

Содержание

1 Свойство -moz-background-clip
2 Синтаксис
3 Используемые значения
4 Замечания
5 Примеры
6 Стандарты
7 Поддерживаемые браузеры
8 Смотрите также
9 Ссылки на источники

Свойство -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.

background, background-attachment, background-color, background-image, background-position, background-repeat

clip