---
title: CSS Арын хавсралт
description: "> ## CSS дэвсгэр хавсралт `background-attachment` нь арын зургийг гүйлгэх эсвэл засах эсэхийг тодорхойлдог (хуудасны үлдсэн хэсгийг гүйлгэхгүй): Арын зургийг засах ёстойг зааж өгнө үү. `body { background-image: url(\"img_tree.png\"); background-repeat: no-repeat; background-position: right top; background-attachment: fixed; }` Дэвсгэр зураг нь…"
url: "https://apprentice.mn/docs/css-background-attachment/"
updated: "2021-07-23"
category: CSS
---

# CSS Арын хавсралт

> ## CSS дэвсгэр хавсралт

`background-attachment` нь арын зургийг гүйлгэх эсвэл засах эсэхийг тодорхойлдог (хуудасны үлдсэн хэсгийг гүйлгэхгүй):

Арын зургийг засах ёстойг зааж өгнө үү.

      `body {
  background-image: url("img_tree.png");
  background-repeat: no-repeat;
  background-position: right top;
  background-attachment: fixed;
}`

Дэвсгэр зураг нь хуудасны үлдсэн хэсгийг гүйлгэх ёстой гэдгийг зааж өг.

     `body {
  background-image: url("img_tree.png");
  background-repeat: no-repeat;
  background-position: right top;
  background-attachment: scroll;
}`        [https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fcss-background-attachment%2F&linkname=CSS%20%D0%90%D1%80%D1%8B%D0%BD%20%D1%85%D0%B0%D0%B2%D1%81%D1%80%D0%B0%D0%BB%D1%82](https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fcss-background-attachment%2F&linkname=CSS%20%D0%90%D1%80%D1%8B%D0%BD%20%D1%85%D0%B0%D0%B2%D1%81%D1%80%D0%B0%D0%BB%D1%82)[https://www.addtoany.com/add_to/mastodon?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fcss-background-attachment%2F&linkname=CSS%20%D0%90%D1%80%D1%8B%D0%BD%20%D1%85%D0%B0%D0%B2%D1%81%D1%80%D0%B0%D0%BB%D1%82](https://www.addtoany.com/add_to/mastodon?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fcss-background-attachment%2F&linkname=CSS%20%D0%90%D1%80%D1%8B%D0%BD%20%D1%85%D0%B0%D0%B2%D1%81%D1%80%D0%B0%D0%BB%D1%82)[https://www.addtoany.com/add_to/email?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fcss-background-attachment%2F&linkname=CSS%20%D0%90%D1%80%D1%8B%D0%BD%20%D1%85%D0%B0%D0%B2%D1%81%D1%80%D0%B0%D0%BB%D1%82](https://www.addtoany.com/add_to/email?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fcss-background-attachment%2F&linkname=CSS%20%D0%90%D1%80%D1%8B%D0%BD%20%D1%85%D0%B0%D0%B2%D1%81%D1%80%D0%B0%D0%BB%D1%82)[https://www.addtoany.com/share](https://www.addtoany.com/share)