Style backgroundAttachment 속성

정의와 사용법

backgroundAttachment 속성 설정이나 반환된 배경 이미지가 내용과 함께 스크롤되거나 고정되는지를 결정합니다。

또한 참조하십시오：

HTML 스타일링：background 속성

CSS 강의서：CSS 배경

CSS 참조 설명서：background-attachment 속성

예제

예제 1

배경 이미지를 고정으로 설정합니다（스크롤되지 않습니다）：

document.body.style.backgroundAttachment = "fixed";

직접 테스트해 보세요

예제 2

DIV 요소에서 scroll과 local을 선택합니다：

document.getElementById("myDIV").style.backgroundAttachment = "local";

직접 테스트해 보세요

예제 3

scroll과 fixed 사이를 전환합니다：

var x = document.body.style.backgroundAttachment;
document.body.style.backgroundAttachment = (x == "scroll")? "fixed":"scroll";

직접 테스트해 보세요

예제 4

background-attachment 속성의 값을 반환합니다：

alert(document.body.style.backgroundAttachment);

직접 테스트해 보세요

문법

backgroundAttachment 속성 반환：

object.style.backgroundAttachment

backgroundAttachment 속성 설정：

object.style.backgroundAttachment = "scroll|fixed|local|initial|inherit"

속성 값

값 설명
scroll 배경은 요소와 함께 스크롤됩니다. 기본 값。
fixed 배경은 뷰포트에 비해 고정됩니다。
local 배경은 요소의 내용과 함께 스크롤됩니다。
initial 이 속성을 기본 값으로 설정합니다. 참조하십시오 initial。
inherit 부모 요소에서 이 속성을 상속받습니다. 참조하십시오 inherit。

기술 세부 사항

기본 값： scroll
반환 값： 문서 내 객체에 배경 이미지가 어떻게 추가되는지를 나타내는 문자열입니다。
CSS 버전： CSS1

브라우저 지원

backgroundAttachment CSS1 (1996) 기능입니다。

모든 브라우저가 완전히 지원합니다：

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
지원 지원 지원 지원 지원 지원