background-attachment касиети

background-attachment касиети элементдин фон сүрөтүн кандайча айдоону белгилейт: текст менен бирге же текст сүрөт үстүнөн сырганабы.

Синтаксис

cssселектор {
  background-attachment: fixed | scroll | local;
}

Маанилер

Маани	Сүрөттөмө
`fixed`	Фон сүрөтү кыймылсыз болот, ал эми текст анын үстүнөн сыргана берет.
`scroll`	Фон сүрөтү текст менен бирге айланат.
`local`	Фон элементтин жүрүм-турумун эске алып бекетилет. Эгер элемент айдоого ээ болсо, анда фон мазмун менен бирге айланат, бирок элементтин чектеринен тышкары чыккан фон ордунда калат.

Демейки маани: scroll.

Мисал . scroll мааниси

Азыр background-attachment касиети scroll маанисине коюлган. Элементти тик өйдө-ылдый айлантып көрүңүз - текст фон менен бирге кантип айланарын көрөсүз:

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

Результат:

Мисал . fixed мааниси

Эми background-attachment касиети fixed маанисине коюлган. Элементти тик өйдө-ылдый айлантып көрүңүз - текст фон үстүнөн кантип сырганарын көрөсүз:

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

Результат:

Ошондой эле караңыз

background касиети,
бул фон үчүн кыскартылган касиет