background-attachment Özelliği
background-attachment özelliği,
bir elemanın arka plan resminin metinle birlikte mi
yoksa metnin resmin üzerinden kayarak mı
kaydırılacağını belirler.
Sözdizimi
seçici {
background-attachment: fixed | scroll | local;
}
Değerler
| Değer | Açıklama |
|---|---|
fixed |
Arka plan resmi sabit kalır ve metin onun üzerinden kayar. |
scroll |
Arka plan resmi metinle birlikte kaydırılır. |
local |
Arka plan, elemanın davranışı dikkate alınarak sabitlenir. Eğer elemanın kaydırma çubuğu varsa, arka plan içerikle birlikte kayar, ancak elemanın sınırlarının dışına taşan arka plan olduğu yerde kalır. |
Varsayılan değer: scroll.
Örnek . scroll Değeri
Şu anda background-attachment özelliği
scroll değerine ayarlanmıştır. Elemanı
dikey olarak kaydırın - metnin arka planla birlikte
nasıl kaydığını göreceksiniz:
<body>
<div id="elem">
some long text
</div>
</body>
body {
background-attachment: scroll;
background-image: url("bg.png");
}
#elem {
width: 400px;
margin: 0 auto;
text-align: justify;
font-weight: bold;
font-size: 20px;
}
:
Örnek . fixed Değeri
Şimdi ise background-attachment özelliği
fixed değerine ayarlanmıştır. Elemanı
dikey olarak kaydırın - metnin arka planın üzerinden
nasıl kaydığını göreceksiniz:
<body>
<div id="elem">
some long text
</div>
</body>
body {
background-attachment: fixed;
background-image: url("bg.png");
}
#elem {
width: 400px;
margin: 0 auto;
text-align: justify;
font-weight: bold;
font-size: 20px;
}
:
Ayrıca Bakınız
-
arka plan için kısaltılmış özellik olan
backgroundözelliği