background-origin Özelliği Temel Özellikler
- CSS Yazımı :
background-origin: border-box | content-box | padding-box;- Örnek :
background-origin: padding-box;- Öntanımlı Değer :
padding-box- Uygulanabilen Etiketler :
- Tüm Etiketler.
::first-letterve::first-lineögelerine de uygulanabilir. - Kalıtsallık :
- Yok.
- Tarayıcı Desteği :
- Tarayıcı desteği tablosuna bakın
- Animasyon :
- Desteklenmiyor
animationÖzelliği - Javascript :
öge.style.backgroundOrigin = "content-box";- Sürüm :
- CSS Backgrounds and Borders Module Level 3
- Açıklama :
background-origin Özelliği Kullanımı
Markanız için 300X300 alan.
CSS background-origin özelliği; background-image özelliği ile belirtilmiş görselin background-position özelliğinin neye göre konumlandırıldığını tanımlar.
Arka plan görselinde background-attachment özelliği, fixed değerini alıyorsa bu özellik işe yaramaz.
Daha fazlası için background özelliğine bakın !
Arka plan özelliklerinin kısaltması olan background özelliğinde kullanılmazsa öntanımlı değer kullanılır.
background-origin Özelliği Tarayıcı Desteği
| Tarayıcı →Özellik ↓ | |||||
|---|---|---|---|---|---|
| Temel Destek | 4 [2] [3] | 10.5 | 3 [1] | 1 [1] | 9 [4] |
content-box |
4 [2] | 10.5 | 3 [1] | 1 | 9 [5] |
| Tarayıcı →Özellik ↓ | |||||
|---|---|---|---|---|---|
| Temel Destek | 14 | 12.1 | Var | 4.1 | 7.1 |
content-box |
14 | 12.1 | Var | 4.1 | 7.1 |
[1] Webkit de background-origin özelliğinin önekli sürümünü destekliyor (-webkit-background-origin) ve kullanılması durumunda değer olarak şu sözcükler de seçilebiliyor : padding, border, content.
[2] Firefox, Gecko 1.1'den 1.9.2'ye kadar (Firefox 1.0'dan 3.6'ya karşılık gelir ve 3.6 dahildir) önekli özellik kullanıldı : -moz-background-clip: padding | border;
[3] Firefox 49'dan beri, background-origin özelliğinin -webkit- önekli sürümü de destekleniyor.
[4] IE 7'de ve öncesinde, Internet Explorer background-origin: border-box; ayarlıymış gibi davranıyor. Internet Explorer 8'de, background-origin: padding-box;'a ayarlıdır. (Öntanımlı değer padding-box)
[5] Internet Explorer, IE 7'de ve IE 9'da, eğer overflow: hidden | auto | scroll; ise her zaman background-clip: padding; olarak davranıyor.
background-origin Özelliğinin Alabileceği Değerler
border-box- Arka plan çerçeveyi de kapsayacak (ancak çerçevenin altında kalacak) biçimde yerleştirilir.
content-box- Arka plan yalnızca içeriğin arka planını kapsar.
padding-box- Arka plan çerçeveye kadardır ancak çerçeve dahil değildir ! Öntanımlı değer.