CSS background-origin Özelliği

Tanım ve kullanım

background-origin Özellik tanımı background-position Özellik, nereye göre konumlandırılır.

Yorum:Arka plan görselinin background-attachment Özellik "fixed“”, ise bu özellik etkili değildir.

Ayrıca bakınız:

CSS eğitim:CSS Arka PlanveCSS arka plan (ileri)

HTML DOM referans el kitabı:backgroundOrigin özelliği

Örnek

Arka plan görseli, içerik çubuğuna göre konumlandırılır:

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

Deneyin

CSS dilbilgisi

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

Özellik değeri

Değer Açıklama Test
padding-box Arka plan görseli, iç dolgu çubuğuna göre konumlandırılır. Test
border-box Arka plan görseli, çerçeve çubuğuna göre konumlandırılır. Test
content-box Arka plan görseli, içerik çubuğuna göre konumlandırılır. Test

Teknik ayrıntılar

Varsayılan değer: padding-box
Kalıtım: no
Sürüm: CSS3
JavaScript dilbilgisi: object.style.backgroundOrigin="content-box"

Tarayıcı desteği

Tablodaki numaralar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtmektedir.

Chrome Edge Firefox Safari Opera
Chrome IE / Edge Firefox Safari Opera
4.0 9.0 4.0 3.0 10.5