English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
CSS 배경-repeat 속성이 지정됩니다배경-image배경 이미지의 크기와 위치 조정 후 반복되거나 비스듬으로 사용되는지 여부, 그리고 어떻게 사용되는지 사용자 정의 단축 키로배경속성은 일반적으로 더 편리합니다.
다음 표는 이 속성의 사용 상황과 버전 역사를 요약합니다。
기본 값: | repeat |
---|---|
적용: | 모든 요소 |
thừa kế: | 아니요 |
애니메이션 가능: | 아니요.참조: 애니메이션 속성。 |
버전: | CSS 1,2,3 |
JavaScript 문법: | object object.style.backgroundRepeat="repeat-x" |
이 속성의 문법은 다음과 같습니다:
배경-repeat: repeat | repeat-x | repeat-y | no-repeat | initial | inherit
background repeat을 사용하는 방법을 보여주는 예제-repeat 속성
body {background-image: url("images/gradient.png");background-repeat: repeat-x;}테스트를 보고 보세요‹/›
다음 표는 이 속성의 값을 설명합니다。
값 | 설명 |
---|---|
repeat | 기본 값. 배경 이미지는 수직과 수평 방향으로 반복됩니다. |
repeat-x | 배경 이미지는 수평으로만 반복됩니다. |
repeat-y | 배경 이미지는 수직으로만 반복됩니다. |
no-repeat | 배경 이미지는 반복되지 않습니다. |
initial | 이 속성을 기본 값으로 설정합니다. |
inherit | 지정된 경우, 관련 요소는 부모 요소의 background를 사용합니다.-repeat 속성의 계산 값。 |
배경-repeat 속성의 브라우저 호환성, 모든 주요 브라우저가 이 속성을 지원합니다.
|
다음 튜토리얼을 참조하십시오:CSS 배경,CSS3배경。
관련 속성:배경,배경-attachment,배경-color,배경-clip,배경-image,배경-origin,배경-position,배경-size。