CSS 사용법
CSS 문법
클래스와 아이디
주석
텍스트
color
direction
backgroud-color
line-height
letter-spacing
text-align
text-decoration
text-indent
word-spacing
배경
background-color
background-image
background-repeat
background-position
background-attachment
Font
크기 단위
Box Model
경계선(border)
리스트(list)
CSS 배경이미지의 반복(background-repeat)

background-repeat 속성을 사용하면 배경이미지의 반복을 지정할 수 있습니다.

속성값으로 아래와 같이 4가지를 사용할 수 있습니다.

repeat : 배경이미지가 반복적으로 적용됩니다. 기본값입니다.

repeat-x : 배경이미지가 가로방향으로만 반복적으로 적용됩니다.

repeat-y : 배경이미지가 세로방향으로만 반복적으로 적용됩니다.

no-repeat : 배경이미지가 반복적으로 적용되지 않고 한번만 적용됩니다.

<div style="width:250; height:250; background-image: url(bg.gif) ; background-repeat:repeat-x"></div>
<div style="width:250; height:250; background-image: url(bg.gif) ; background-repeat:repeat-y"></div>

Copyright © Homejjang.com All rights reserved.