Хосияти 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,
ки ҳамчун хосияти ихтисоркардашуда барои замина аст