background-attachment Property

Home > Document > CSS > Background > background-attachment

background-attachment Property

background-attachment Property는 background-image로 문서에 넣은 그림을 고정(fixed)시키거나 scroll 시키는 것을 지정하는 Property 입니다. 초기값은 scroll이고 fixed를 사용하면 문서를 scroll 하더라도 그림이 고정되어 움직이지 않습니다.

  [표 보는 방법]
background-attachment Property
Value scroll | fixed | Inherit
Initial scroll
Applies to all elements
Inherited no
Percentages N/A
Media Visual
HTML Syntax { background-attachment: sAttachment }
Scripting object.style.backgroundAttachment [ = sAttachment ]


CSS Scripting
onClick="this.style.backgroundAttachment='fixed';" onDblClick="this.style.backgroundAttachment='scroll';"

입력 
<HTML>
    <HEAD>
        <TITLE>배경 그림 고정 시키기</TITLE>
    </HEAD>
    <BODY style="background-image : url(../images/fall.jpg);
    background-attachment:fixed;">
        <SPAN style="color:#FFFFFF;">배경 그림 고정 시키기</SPAN>
              <BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
              <BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
              <BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
    </BODY>
</HTML>
출력결과
배경 그림 고정 시키기









































위의 결과와 같이 배경으로 지정한 그림이 { background-attachment : fixed } 를 사용하므로써 고정되었습니다.



이 문서의 저작권은 www.cadvance.org 에 있습니다.

Top
Back
New
검색