Свойство background-origin
Свойство background-origin определяет, будет ли фоновое изображение начинаться от внутреннего края границы элемента, от внешнего края границы элемента или только в зоне контента.
Допустимые значения
- padding-box — фоновое изображение начинается от внутреннего края границы элемента
- border-box — фоновое изображение начинается от внешнего края границы элемента
- content-box —фоновое изображение начинается только в зоне контента.
| Значение по умолчанию | padding-box |
|---|---|
| Применимо | ко всем элементам |
| Наследование | нет |
| Версия CSS | CSS 3 |
| Поддерживается браузерами |
|
Пример
.block {
background-image: url(images/bg.png);
background-origin: content-box;
padding:20px;
}
Твой код:
Результат:
большой полигон
Заметки
Это свойство относится к CSS3 модулю CSS Backgrounds and Borders Module Level 3 — кандидата в рекомендацию W3C с 17 декабря 2009 года.
Safari 3 и выше и Chrome 1 и выше поддерживают аналогичное свойство -webkit-background-origin, а Firefox 1 и выше соответственно -moz-background-origin. Единственное отличие этих свойств от CSS3 свойства, это то, что возможные значения не padding-box/border-box/content-box, a padding/border/content.