loader

Cвойство background-origin указывает исходную позицию (область позиционирования фона) фонового изображения. Это свойство не действует, если для background-attachment установлено значение «fixed». Свойство background-origin имеет 3 возможных значения:

background-origin հատկությունը սահմանում է ֆոնային պատկերի սկզբնական դիրքը (ֆոնային դիրքավորման տարածքը): Այս հատկությունն ազդեցություն չունի, երբ գործում է background-attachment։fixed հատկությունը: background-origin հատկությունը ունի 3 հնարավոր արժեք.

Синтаксис

Գրելաձև
background-origin: border-box; ⟿ Фон располагается относительно рамки.
background-origin: padding-box; ⟿ Фон расположен относительно поля отступа.
background-origin: content-box; ⟿ Фон располагается относительно поля содержимого. background-origin: border-box; ⟿ Ֆոնը հարաբերական է շրջանակի հետ.
background-origin: padding-box; ⟿ Ֆոնը տեղադրված է հեռավորության համեմատ.
background-origin: content-box; ⟿ Ֆոնը տեղադրված է բովանդակության դաշտի համեմատ.

Пример

Օրինակ

See the Pen background-clip by Erik Egnatosyan (@SansaciaCodenyx) on CodePen.

⇓Результат данного примера показан на рисунке⇓

⇓Այս օրինակի արդյունքը ցույց է տրված նկարում⇓

 background-origin image

Также у тега background есть следующие под. теги
Поддержка браузера дляԲրաուզերի աջակցությունը background-origin элемента տարրին
Browser IE Edge Chrome Firefox Safari Opera
Version 9+ 12+ 4+ 4+ 3.1+ 11.5+
Notes