메뉴 건너뛰기

프로그램언어

조회 수 4774 추천 수 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;  

  1. 말줄임

    Date2016.12.22 Views4770
    Read More
  2. css를 이용한 테이블 가운데 정렬

    Date2016.12.22 Views4902
    Read More
  3. light박스 css로 흉내내기

    Date2016.12.22 Views4665
    Read More
  4. CSS background-repeat 이해하기

    Date2016.12.22 Views4774
    Read More
  5. 모바일 체크박스 변경 마크업

    Date2015.02.03 Views5014
    Read More
  6. 모바일 실제 해상도와 device-width

    Date2015.02.03 Views4776
    Read More
  7. IIS7 에서 woff MIME 등록하기.

    Date2015.02.03 Views4776
    Read More
  8. <iframe>으로 올린 유투브 동영상 z-index 문제

    Date2015.02.03 Views6685
    Read More
  9. 네이버 나눔글꼴 적용

    Date2014.03.01 Views6707
    Read More
  10. 메뉴 텍스트(text)에 그림자 효과 주기

    Date2014.02.27 Views5844
    Read More
  11. 둥근 모서리 박스 css

    Date2014.02.27 Views5901
    Read More
  12. Box CSS

    Date2014.02.27 Views6584
    Read More
Board Pagination Prev 1 2 Next
/ 2

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

© k2s0o1d4e0s2i1g5n. All Rights Reserved