Background-attachment häsiýeti

background-attachment häsiýeti elementyň fon suratyny nähili süýşürmelidigini kesgitleýär: tekst bilen bilelikde ýa-da tekst surat üstünden süýşüp geçer.

Sintaksis

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

Görnüşleri

Görnüşi	Düşündiriş
`fixed`	Fon suraty hereketsiz bolar, tekst bolsa onuň üstünden süýşüp geçer.
`scroll`	Fon suraty tekst bilen bilelikde süýşer.
`local`	Fon elementyň hereketine laýyklykda bellenilýär. Eger elementde süýşme bar bolsa, fon mazmun bilen bilelikde süýşer, ýöne element çäklerinden daşary çykýan fon ýerinde galýar.

Bellenen görnüşi: scroll.

Mysal . Scroll görnüşi

Häzir background-attachment häsiýeti scroll görnüşine bellenen. Elementi dikeline süýşdiriň - tekst bilen fonuň bilelikde nädip süýşýändigini görersiňiz:

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

Результат:

Mysal . Fixed görnüşi

Indi bolsa background-attachment häsiýeti fixed görnüşine bellenen. Elementi dikeline süýşdiriň - tekst bilen fonuň nädip bilelikde süýşýändigini görersiňiz:

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

Результат:

Şeýle-de görüň

background häsiýeti,
fon üçin gysgaldylan häsiýet bolup hyzmat edýär