English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

CSS 참조 매뉴얼

CSS @규칙(RULES)

CSS 속성 전체

CSS 배경-repeat 속성 사용 방법 및 예제

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 속성의 브라우저 호환성, 모든 주요 브라우저가 이 속성을 지원합니다.

  • 파이어폭스 1+

  • 구글 크롬1+

  • 인터넷 익스플로러 4+

  • 사파리 1+

  • 오페라 3。5+

더 읽기

다음 튜토리얼을 참조하십시오:CSS 배경CSS3배경

관련 속성:배경배경-attachment배경-color배경-clip배경-image배경-origin배경-position배경-size