Properties

Properties

Editing
  • account_tree
  • bug_report

mask-repeat

마스크 이미지가 반복되는 방식을 설정한다.

사용 가능한 값 타입

<'mask-repeat'>

DEVDIC-Specified Data Types

mask-repeat 속성에 사용되는 타입이다.

  • CSS Masking Module Level 1
    <repeat-style>#

포함된 타입

아래 유형에서 지원하는 모든 키워드와 단위를 사용하지 않을 수도 있다.

  • <repeat-style>

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

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

    사용되는 키워드

    • no-repeat

      반복하지 않는다.

    • repeat

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

    • repeat-x

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

    • repeat-y

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

    • round

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

    • space

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

다음은 필요에 따라 일부 값을 설명하므로 표시되지 않는 값은 값 유형을 참조하라.

  • 〈repeat-style〉repeat
    CSS Masking Module Level 1

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

  • 반복하지 않는다.

  • CSS Masking Module Level 1

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

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

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

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

버전 명세

Modules
Module NameStatusSummary
CSS Masking Module Level 1후보 추천 초안

Last review date: 2023-1-14

지원 웹브라우저