background-attachment प्रॉपर्टी

background-attachment प्रॉपर्टी यह निर्धारित करती है कि एलिमेंट की बैकग्राउंड इमेज को कैसे स्क्रॉल किया जाए: टेक्स्ट के साथ या टेक्स्ट इमेज पर स्लाइड करेगा।

सिंटैक्स

सिलेक्टर {
	background-attachment: fixed | scroll | local;
}

वैल्यूज

वैल्यू	विवरण
`fixed`	बैकग्राउंड इमेज स्थिर रहेगी, और टेक्स्ट उस पर स्लाइड करेगा।
`scroll`	बैकग्राउंड इमेज टेक्स्ट के साथ स्क्रॉल होगी।
`local`	बैकग्राउंड को एलिमेंट के व्यवहार को ध्यान में रखते हुए फिक्स किया जाता है। यदि एलिमेंट में स्क्रॉल है, तो बैकग्राउंड कंटेंट के साथ स्क्रॉल होगा, लेकिन एलिमेंट की सीमाओं से बाहर जाने वाला बैकग्राउंड अपनी जगह पर रहता है।

डिफॉल्ट वैल्यू: scroll.

उदाहरण . scroll वैल्यू

अभी background-attachment प्रॉपर्टी scroll वैल्यू पर सेट है। एलिमेंट को वर्टिकली स्क्रॉल करें - आप देखेंगे कि टेक्स्ट बैकग्राउंड के साथ कैसे स्क्रॉल होता है:

<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;
}

उदाहरण . fixed वैल्यू

अब background-attachment प्रॉपर्टी fixed वैल्यू पर सेट है। एलिमेंट को वर्टिकली स्क्रॉल करें - आप देखेंगे कि टेक्स्ट बैकग्राउंड पर कैसे स्लाइड करता है:

<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;
}

यह भी देखें

background प्रॉपर्टी,
जो बैकग्राउंड के लिए शॉर्टहैंड प्रॉपर्टी है