Omadus background-attachment

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

Süntaks

cssselektor {
  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:

html<body>
  <div id="elem">
    some long text
  </div>
</body>

cssbody {
  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:

html<body>
  <div id="elem">
    some long text
  </div>
</body>

cssbody {
  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