пример
Пусть фоновое изображение начинается с верхнего левого угла содержания:
#example1
{
background:url(img_flwr.gif);
background-repeat: no-repeat;
padding:35px;
background-origin: content-box;
}
Попробуй сам " Определение и использование
Свойство фона происхождения указывает, где фоновое изображение позиционируется.
Note: Если свойство фон-вложение устанавливается в "fixed" , это свойство не имеет никакого эффекта.
| Значение по умолчанию: | padding-box |
|---|---|
| Наследование: | no |
| Animatable: | no. Read about animatable |
| Версия: | CSS3 |
| Синтаксис JavaScript: | object .style.backgroundOrigin="content-box" Try it |
Поддержка браузеров
Числа в таблице указать первую версию браузера, которая полностью поддерживает свойство.
| Имущество | |||||
|---|---|---|---|---|---|
| background-origin | 4.0 | 9.0 | 4.0 | 3.0 | 10.5 |
CSS Синтаксис
background-origin: padding-box|border-box|content-box|initial|inherit;Значения свойств
| Стоимость | Описание | Сыграй |
|---|---|---|
| padding-box | Значение по умолчанию. Фоновое изображение начинается с верхнего левого угла отступа края | Сыграй " |
| border-box | Фоновое изображение начинается с верхнего левого угла границы | Сыграй " |
| content-box | Фоновое изображение начинается с верхнего левого угла содержимого | Сыграй " |
| initial | Устанавливает это свойство в значение по умолчанию. Читайте о первоначальный | Сыграй " |
| inherit | Наследует это свойство от своего родительского элемента. Читайте о унаследовать |
Похожие страницы
CSS3 учебник: CSS3 стола
HTML DOM ссылка: backgroundOrigin property