코드랩 레퍼런스

background-repeat 본문

CSS

background-repeat

webstoryboy 2016. 6. 14. 00:10
background-repeat은 백그라운 이미지 반복여부를 설정합니다.
특징 설명
기본 값 repeat
상속 안됨
애니메이션 안됨
버전 CSS1

Definition

  • background-repeat은 백그라운 이미지 반복여부를 설정합니다.

Syntax

background-repeat : repeat | repeat-x | repeat-y | no-repeat | inherit ;
background-repeat : repeat; (기본값)
background-repeat : repeat-x;
background-repeat : repeat-y;
background-repeat : no-repeat;

Property

속성 값 설명
repeat 배경 이미지의 x축과 y축으로 반복설정합니다.
repeat-x 배경 이미지의 x축으로 반복 설정합니다.
repeat-y 배경 이미지의 y축으로 반복 설정합니다
no-repeat 배경 이미지의 반복하지 않습니다. 이미지가 한번만 나옵니다.
inherit background-repeat를 부모 요소로부터 속성을 상속받습니다.

Compatibility

크롬 아이콘 파이어폭스 아이콘 사파리 아이콘 오페라 아이콘 안드로이드 아이콘 ios 아이콘 익스플로러6 아이콘 6 익스플로러7 아이콘 7 익스플로러8 아이콘 8 익스플로러9 아이콘 9 익스플로러10 아이콘 10 익스플로러11 아이콘 11 엣지 아이콘

Sample

background-position




Ad

Comments