Рейтинг@Mail.ru
УРОКИ CSS CSS3 ПРИМЕРЫ CSS СПРАВОЧНИК CSS РЕКЛАМА

CSS3 Свойство background-origin


CSS Справочник Полный CSS Справочник

Пример

Позиционирование фонового изображения относительно блока содержания:

div
{
background-image:url('smiley.gif');
background-repeat:no-repeat;
background-position:left;
background-origin:content-box;
}

Попробуйте сами »

Поддержка Браузерами

Internet Explorer Firefox Opera Google Chrome Safari

Свойство background-origin поддерживается браузерами IE9+, Firefox 4+, Opera, Chrome и Safari 5+.


Определение и Использование

Свойство background-origin указывает, относительно чего задается свойство позиционирования background-position.

Замечание: Если свойство background-attachment для фонового изображения равно "fixed", это свойство не возымеет эффекта.

Значение по умолчанию: padding-box
Наследуется: нет
Версия: CSS3
JavaScript синтаксис: объект.style.backgroundOrigin="content-box"


Синтаксис

background-origin: padding-box|border-box|content-box;

Значение Описание
padding-box Фоновое изображение позиционируется относительно блока отступов
border-box Фоновое изображение позиционируется относительно блока границы
content-box Фоновое изображение позиционируется относительно блока содержания


Смотрите Также

CSS3 уроки: CSS3 Фоновые Свойства


CSS Справочник Полный CSS Справочник

© 2011-2017 Уроки CSS
Рейтинг@Mail.ru