CSS Types

CSS Types

Editing

<'border-image-slice'>

데브딕에서 지정한 색인용 자료 타입

border-image-slice 속성에 사용되는 타입이다.

이미지의 상하좌우 가장자리에서 내부 오프셋을 지정하여 4개의 모서리, 4개의 가장자리 및 중앙의 9개 영역을 나누는 값을 나타낸다. 기본 값은 100%이다.

구문

  • CSS Backgrounds and Borders Module Level 3
    [<number [0,∞]| <percentage [0,∞]>]{1,4} && fill?
    <number [0,∞]>
    이미지의 픽셀(래스터 타입) 또는 벡터(벡터 타입) 좌표를 나타낸다.
    <percentage [0,∞]>
    이미지의 크기(수평 오프셋의 경우 이미지의 너비, 수직 오프셋의 경우 높이)에 비례한다.
    fill
    테두리 이미지의 중간 부분이 유지된다.(기본적으로 버려진다.)

사용되는 키워드

키워드요약
fill

테두리 이미지의 중간 부분이 유지된다. 요소의 내부 영역에 배경 이미지처럼 포함하여 표시한다.

사용되는 타입

버전 명세

Modules
Module NameStatusSummary
CSS Backgrounds and Borders Module Level 3

Last review date: 2022-7-9