마스크 이미지가 반복되는 방식을 설정한다.
<repeat-style>#
아래 유형에서 지원하는 모든 키워드와 단위를 사용하지 않을 수도 있다.
배경 이미지의 크기와 위치가 지정된 후 타일링되는 방식을 설정하는 값을 나타낸다.
repeat-x | repeat-y | [repeat | space | round | no-repeat]{1,2}
반복하지 않는다.
기본 값이며 수직, 수평으로 반복 적용한다.
수평 방향으로만 반복 적용한다.
수직 방향으로만 반복 적용한다.
이미지는 배경 위치 지정 영역에 맞는 만큼 반복된다. 배경 이미지가 영역에 맞도록 조정된다.
이미지가 잘리지 않고 배경 위치 지정 영역에 맞는 만큼 반복되어 해당 영역을 채우도록 적절한 간격을 계산해서 처리한다.
다음은 필요에 따라 일부 값을 설명하므로 표시되지 않는 값은 값 유형을 참조하라.
기본 값이며 수직, 수평으로 반복 적용한다.
반복하지 않는다.
수평 방향으로만 반복 적용한다.
수직 방향으로만 반복 적용한다.
이미지는 배경 위치 지정 영역에 맞는 만큼 반복된다. 배경 이미지가 영역에 맞도록 조정된다.
이미지가 잘리지 않고 배경 위치 지정 영역에 맞는 만큼 반복되어 해당 영역을 채우도록 적절한 간격을 계산해서 처리한다.
Modules | ||
---|---|---|
Module Name | Status | Summary |
CSS Masking Module Level 1 | 후보 추천 초안 | Last review date: 2023-1-14 |