CSS Types

CSS Types

Editing

<repeat-style>

배경 이미지의 크기와 위치가 지정된 후 타일링되는 방식을 설정하는 값을 나타낸다.

구문

  • CSS Backgrounds and Borders Module Level 3
    repeat-x | repeat-y | [repeat | space | round | no-repeat]{1,2}

사용되는 키워드

키워드요약
no-repeat

반복하지 않는다.

repeat

기본 값이며 수직, 수평으로 반복 적용한다.

repeat-x

수평 방향으로만 반복 적용한다.

repeat-y

수직 방향으로만 반복 적용한다.

round

이미지는 배경 위치 지정 영역에 맞는 만큼 반복된다. 배경 이미지가 영역에 맞도록 조정된다.

space

이미지가 잘리지 않고 배경 위치 지정 영역에 맞는 만큼 반복되어 해당 영역을 채우도록 적절한 간격을 계산해서 처리한다.

버전 명세

Modules
Module NameStatusSummary
CSS Backgrounds and Borders Module Level 3

Last review date: 2022-7-9