background Property

Home > Document > CSS > Background > background

background Property

background Property는 앞에 나온 다섯 가지 Property(background-color, background-image, backgroudn-attachment, background-repeat, background-position)의 단축형(shorthand) Property 로서 사용하고 싶은 Property 값을 space로 구분하여 나열하면 됩니다. 다섯 가지를 다 사용해도 되고 필요한 Property만 골라서 사용해도 되며, 순서에 구애 받지 않습니다.

  [표 보는 방법]
background Property
Value [<'background-color'> || <'background-image'> || <'background-repeat'> || <'background-attachment'> || <'background-position'>] | Inherit
Initial not defined for shorthand properties, 단축형에는 초기값 없음
Applies to all elements
Inherited no
Percentages allowed on 'background-position' , background-position 에만 허용됨
Media Visual
HTML Syntax { background: sBackground }
Scripting object.style.background [ = sBackground ]



입력
onClick="this.style.background='gold url(../images/background_position.jpg) center center no-repeat';"

아래의 예제는 {bakcground-color: gold; background-image : ur(../images/background_position.jpg); background-position: center center; background-repeat: no-repeat; background-attachment:fixed;} 를 단축형 Property인 background Property를 사용하여 지정한 예제 입니다.

background Property 
<HTML>
    <HEAD>
        <TITLE>background-repeat 의 초기값</TITLE>
    <STYLE type="text/css">
    <!-- 
    body { 
    background : gold url("../images/background_position.jpg") center center no-repeat fixed;
    }
    -->
    </STYLE>
    </HEAD>
    <BODY>
        <BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
        background Property
        <BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
        background Property
        <BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
        background Property
        <BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
        background Property
        <BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
    </BODY>
</HTML>
출력결과
background Property


















background Property


















background Property


















background Property





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

Top
Back
New
검색