스타일 backgroundAttachment 속성
예시
고정할 배경 이미지 설정(스크롤하지 않음):
document.body.style.backgroundAttachment = "fixed";
아래에서 더 많은 "직접 사용해 보기" 예를 살펴보세요.
정의 및 사용
backgroundAttachment 속성은 배경 이미지가 콘텐츠와 함께 스크롤되어야 하는지 아니면 고정되어야 하는지 여부를 설정하거나 반환합니다.
브라우저 지원
표의 숫자는 속성을 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.
Property | |||||
---|---|---|---|---|---|
backgroundAttachment | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
통사론
backgroundAttachment 속성을 반환합니다.
object.style.backgroundAttachment
backgroundAttachment 속성을 설정합니다.
object.style.backgroundAttachment = "scroll|fixed|local|initial|inherit"
속성 값
Value | Description |
---|---|
scroll | The background scrolls along with the element. This is default |
fixed | The background is fixed with regard to the viewport |
local | The background scrolls along with the element's contents |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
기술적 세부 사항
기본값: | 스크롤 |
---|---|
반환 값: | 문서 내의 객체에 배경 이미지가 첨부되는 방식을 나타내는 문자열 |
CSS 버전 | CSS1 |
더 많은 예
예시
DIV 요소에서 스크롤과 로컬 중에서 선택합니다.
document.getElementById("myDIV").style.backgroundAttachment = "local";
예시
스크롤과 고정 간 전환:
var x = document.body.style.backgroundAttachment;
document.body.style.backgroundAttachment = (x == "scroll")? "fixed":"scroll";
예시
background-attachment 속성의 값을 반환합니다.
alert(document.body.style.backgroundAttachment);
관련 페이지
CSS 튜토리얼: CSS 배경
CSS 참조: background-attachment 속성
HTML DOM 참조: 배경 속성