Свойство background-clip
Свойство background-clip определяет, будет ли цвет фона ограничиваться началом границы элемента или будет продолжаться до внешнего края границы.
Допустимые значения
- padding-box — цвет фона ограничивается началом границы элемента
- border-box — цвет фона будет продолжаться до внешнего края границы элемента.
| Значение по умолчанию | border-box |
|---|---|
| Применимо | ко всем элементам |
| Наследование | нет |
| Версия CSS | CSS 3 |
| Поддерживается браузерами |
|
Пример
.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.