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