css-background-attachment

  • 08.07.2026
  • admin
  • 1минут читать

<background-attachment>

CSS CSS1
Значение по умолчанию scroll
Наследуется Нет
Применяется Ко всем элементам
Аналог HTML <body background="URL" bgproperties="fixed">
Ссылка на спецификацию https://www.w3.org/TR/REC-CSS2/colors.php#propdef-background-attachment

Описание

Параметр background-attachment устанавливает, будет ли прокручиваться фоновое изображение вместе с содержимым элемента. Изображение может быть зафиксировано и оставаться неподвижным, либо перемещаться совместно с документом.

Синтаксис

background-attachment: fixed | scroll

Аргументы

Значение fixed делает фоновое изображение элемента неподвижным, scroll — позволяет перемещаться фону вместе с содержимым.

Пример

Валидный CSS
Валидный HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>background-attachment</title>
<style type="text/css">
BODY {
 background-image: url(‘images/sample.gif’); /* Путь к фоновому изображению */
 background-attachment: fixed; /* Фиксируем фон веб-страницы */
}
</style>
</head>
<body>

<table>
<tr>
<td style="height:2000px">
&nbsp;
</td>
</tr>
</table>

</body>
</html>

Объектная модель

[window.]document.getElementById("elementID").style.backgroundAttachment

Замечание

Если фон устанавливается для слоя, то в браузере Opera и Firefox параметр background-attachment не действует, фоновый рисунок остается фиксированным, независимо от значения.

Цвет и фон

  • background позволяет установить одновременно до пяти атрибутов стиля фона. Значения могут идти в любом порядке, браузер сам определит, какое из них соответствует нужному атрибуту.
  • background-attachment устанавливает, будет ли прокручиваться фоновое изображение вместе с содержимым элемента. Изображение может быть зафиксировано и оставаться неподвижным, либо перемещаться совместно с документом.
  • background-color устанавливает фоновый цвет элемента.
  • background-image устанавливает фоновое изображение для элемента. Если одновременно для элемента задан цвет фона, он будет показан, пока фоновая картинка не загрузится полностью.
  • background-position задает начальное положение фонового изображения, установленного с помощью параметра background-image.
  • background-repeat определяет, как будет повторяться фоновое изображение, установленное с помощью параметра background-image, и по какой оси. Можно установить повторение рисунка только по горизонтали, по вертикали или в обе стороны.
  • color определяет цвет текста элемента.