1. Home
  2. CSS 배경 반복 속성

최고의 CSS 배경 반복 속성 튜토리얼 2024년, 이 튜토리얼에서는 예,태그 정의 및 지침,브라우저 지원,팁과주의 사항,속성 값,온라인 예,관련 기사,를 배울 수 있습니다.

CSS 배경 반복 속성

예

만 수직 반복 배경 이미지 :

body
{
background-image:url('paper.gif');
background-repeat:repeat-y;
}

»시도

태그 정의 및 지침

어떻게 타일 개체 배경 이미지 속성을 설정합니다.

기본적으로 수직 반복되는 배경 이미지 및 수평 방향으로.

기본값 : 반복
상속 : 아니
버전 : CSS1
자바 스크립트 구문 : object.style.backgroundRepeat이 = "반복-Y"개체

브라우저 지원

표의 수치 속성의 버전 번호를 먼저 지원 브라우저를 나타낸다.

즉시 디지털 -webkit- 이어 -ms- 또는 접두어 지원 전 -moz- 우선 브라우저 버전 번호 때문이다.

<
Property
background-repeat 1.0 4.0 1.0 1.0 3.5

하나의 요소 IE8에서 여러 배경 이미지 및 이전 버전의 브라우저는 지원하지 않습니다.

IE7 및 이전 버전은 지원하지않습니다 값을 "상속 (상속)".IE8은 정의 할 필요가! DOCTYPE. IE9 지원 "상속은 (상속)."

팁과주의 사항

팁 : 배경 위치 속성은 배경 이미지의 위치를 설정합니다.임의 배경없이 위치를 지정한 경우, 이미지는 항상 요소의 왼쪽 상단 모서리에 배치됩니다.

속성 값

값 설명
반복 배경 이미지는 수직 및 수평 방향을 반복합니다. 이 값이 기본값입니다
반복-X 단지 배경 화상의 수평 위치를 반복한다
반복-Y 단지 배경 화상의 수직 위치가 반복 될
더 반복하지 배경 이미지는 반복하지 않는다
상속 배경-repea 속성 설정은 부모 요소에서 상속해야 지정

예

온라인 예

수직 및 수평 방향에서의 배경 화상을 반복하는 방법
이 예에서는, 수직 및 수평 방향으로 배경 이미지를 반복하는 방법을 보여준다.

어떻게 수평 방향으로 만 배경 이미지를 반복
이 예제는 배경 이미지를 수평 방향으로 만 반복하는 방법을 보여줍니다.

방법 번만 배경 화상을 표시
이 예는 한 번만 반복되지 않는 배경 이미지를 표시하는 방법을 보여줍니다.

관련 기사

CSS 자습서 : CSS 배경

CSS 참조 설명서 : 배경 위치 속성

핫 튜토리얼

Contact US

CSS 배경 반복 속성
10/30