메뉴 건너뛰기

프로그램언어

조회 수 3205 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
background-repeat 속성은 배경(백그라운드) 이미지가 어떻게 반복될지를 설정한다. 배경 이미지는 가로로 반복될 수 있고, 세로로 반복될 수도 있으며, 가로와 세로 모두 반복되거나, 반복되지 않도록 설정할 수도 있다.

! 아래의 예들은 실제 background-repeat이 적용된 것이다. (RSS 피드에서는 아래의 스타일 설정이 보이지 않을 수 있음.)

background-repeat 속성의 값들

  • repeat - 배경 이미지가 가로(수평)와 세로(수직) 모두 반복된다. repeat는 기본(default)값이다. 즉, 따로 설정하지 않는 이상, 배경 이미지는 기본적으로 반복된다.
예 :

 background-image: url("이미지 주소");  
 background-repeat: repeat;  


  • repeat-x - 배경 이미지가 가로(수평)로만 반복된다. 
예 :

 background-image: url("이미지 주소");  
 background-repeat: repeat-x;  


  • repeat-y - 배경 이미지가 세로(수직)로만 반복된다.
예 :

 background-image: url("이미지 주소");  
 background-repeat: repeat-y;  


  • no-repeat - 배경 이미지가 반복되지 않는다.
예 :

 background-image: url("이미지 주소");  
 background-repeat: no-repeat;  

List of Articles
번호 제목 날짜 조회 수
25 CSS : 반응형 웹(Responsive Web) file 2017.04.14 3622
24 background-size 속성 2016.12.23 4044
23 input box 테두리 없애기 2016.12.23 3529
22 기본적으로 보이는 스크롤바를 없애기 2016.12.23 3427
21 하이퍼링크 & 링크이미지에 점선을 죽임 2016.12.23 3927
20 링크 오버속성+버튼 디자인 2016.12.23 3114
19 텍스트 ime모드 속성 2016.12.23 3419
18 폼을 투명하게 2016.12.23 3207
17 인쇄할때 페이지 나누는 br 태그 2016.12.23 3135
16 웹 브라우저에 [가로 스크롤 안생기게 하기] 2016.12.23 3108
15 중급 사용자를 위한 CSS 선택자에 관한 지식 / CSS에서 마우스 동작을 감지하는 방법 2016.12.22 3309
14 CSS3를 이용하여 둥근모서리 박스 만들기 2016.12.22 3225
13 HTML 목록 태그와 CSS를 활용하여 깔끔한 목록 스타일을 만드는 방법 / CSS list-style file 2016.12.22 3461
12 말줄임 2016.12.22 3132
11 css를 이용한 테이블 가운데 정렬 2016.12.22 3132
10 light박스 css로 흉내내기 2016.12.22 3128
» CSS background-repeat 이해하기 2016.12.22 3205
8 모바일 체크박스 변경 마크업 2015.02.03 3136
7 모바일 실제 해상도와 device-width 2015.02.03 3120
6 IIS7 에서 woff MIME 등록하기. 2015.02.03 3119
Board Pagination Prev 1 2 Next
/ 2

하단 정보를 입력할 수 있습니다

© k2s0o1d4e0s2i1g5n. All Rights Reserved