Свойство background-clip

Последнее обновление: 22.12.2010

Свойство background-clip определяет, будет ли цвет фона ограничиваться началом границы элемента или будет продолжаться до внешнего края границы.

Допустимые значения

  • padding-box — цвет фона ограничивается началом границы элемента
  • border-box — цвет фона будет продолжаться до внешнего края границы элемента.
иллюстрация для background-clip:border-box иллюстрация для background-clip:padding-box
background-clip:border-box background-clip:padding-box
Значение по умолчанию border-box
Применимо ко всем элементам
Наследование нет
Версия CSS CSS 3
Поддерживается браузерами
  • Internet Explorer 9 и выше
  • Firefox 4 и выше
  • Opera 10.5 и выше
  • Safari 5 и выше
  • Chrome 4 и выше

Пример

.block {
background-color: #0f0;
background-clip: padding-box;
}
Твой код:
Результат:
большой полигон

Заметки

Это свойство относится к CSS3 модулю CSS Backgrounds and Borders Module Level 3 — кандидата в рекомендацию W3C с 17 декабря 2009 года.

Safari 3 и выше и Chrome 1 и выше поддерживают аналогичное свойство -webkit-background-clip, а Firefox 1 и выше соответственно -moz-background-clip. Единственное отличие этих свойств от CSS3 свойства, это то, что возможные значения не padding-box/border-box, a padding/border.

По теме

Показать комментарии