background-attachment xususiyati

background-attachment xususiyati element fon rasmini qanday aylantirishni belgilaydi: matn bilan birga yoki matn rasm ustida sirgʻalgan holda.

Sintaksis

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

Qiymatlar

Qiymat	Tavsif
`fixed`	Fon rasmi harakatsiz boʻladi, matn esa uning ustida sirgʻaladi.
`scroll`	Fon rasmi matn bilan birga aylanadi.
`local`	Fon elementning xatti-harakatlarini hisobga olgan holda mahkamlanadi. Agar element aylantirishga ega boʻlsa, fon tarkib bilan birga aylanadi, lekin element chegarasidan tashqariga chiqadigan fon joyida qoladi.

Standart qiymat: scroll.

Misol . scroll qiymati

Hozir background-attachment xususiyati scroll qiymatiga o'rnatilgan. Elementni vertikal aylantiring - siz matn fon bilan birga qanday aylanishini ko'rasiz:

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

Результат:

Misol . fixed qiymati

Endi esa background-attachment xususiyati fixed qiymatiga o'rnatilgan. Elementni vertikal aylantiring - siz matn fon ustida qanday sirgʻalayotganini ko'rasiz:

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

Результат:

Shuningdek qarang

background xususiyati,
fon uchun qisqartma xususiyat hisoblanadi