Örnek
arka plan görüntüsü içeriğinin sol üst köşesinden başlayalım:
#example1
{
background:url(img_flwr.gif);
background-repeat: no-repeat;
padding:35px;
background-origin: content-box;
}
Kendin dene " Tanımı ve Kullanımı
arka plan görüntüsü konumlandırılmış nerede background-origin özellik belirtir.
Note: background-attachment özelliği olarak ayarlanırsa "fixed" , bu özellik hiçbir etkisi olmaz.
| Varsayılan değer: | padding-box |
|---|---|
| Miras: | no |
| canlandırılabilir: | no. Read about animatable |
| Versiyon: | CSS3 |
| JavaScript sözdizimi: | object .style.backgroundOrigin="content-box" Try it |
Tarayıcı Desteği
Tablodaki rakamlar tam özelliğini destekleyen ilk tarayıcı sürümü belirtin.
| özellik | |||||
|---|---|---|---|---|---|
| background-origin | 4.0 | 9.0 | 4.0 | 3.0 | 10.5 |
CSS sözdizimi
background-origin: padding-box|border-box|content-box|initial|inherit;Mülkiyet Değerler
| değer | Açıklama | Oynat |
|---|---|---|
| padding-box | Varsayılan değer. Arka plan görüntüsü dolgu kenarının üst sol köşesine başlar | Oynat " |
| border-box | arka plan görüntüsü sınırın sol üst köşesinden başlar | Oynat " |
| content-box | arka plan görüntüsü içeriğinin sol üst köşesinden başlar | Oynat " |
| initial | varsayılan değerine bu özelliği ayarlar. İlk hakkında okuyun | Oynat " |
| inherit | üst öğesinden bu özelliği devralır. Yaklaşık miras oku |
İlgili Sayfalar
CSS3 öğretici: CSS3 Arka Plan
HTML DOM referansı: backgroundOrigin property