Omadus background-attachment

Omadus background-attachment määrab, kuidas elemendi taustapilti kerida: koos tekstiga või libistub tekst pildi kohal.

Süntaks

selektor {
	background-attachment: fixed | scroll | local;
}

Väärtused

Väärtus	Kirjeldus
`fixed`	Taustapilt jääb liikumatuks ja tekst libiseb selle kohal.
`scroll`	Taustapilt keritakse koos tekstiga.
`local`	Taust fikseeritakse, võttes arvesse elemendi käitumist. Kui elemendil on kerimisriba, siis taust keritakse koos sisuga, kuid elemendi piirest välja ulatuv taust jääb paigale.

Vaikeväärtus: scroll.

Näide . Väärtus scroll

Praegu on omaduse background-attachment väärtuseks seatud scroll. Kerige elementi vertikaalselt - näete, kuidas tekst keritakse koos taustaga:

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

Näide . Väärtus fixed

Nüüd on omaduse background-attachment väärtuseks seatud fixed. Kerige elementi vertikaalselt - näete, kuidas tekst libiseb tausta kohal:

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

Vaata ka

omadus background,
mis on tausta lühendomadus