Functions

Draft

<basic-shape>shapeinset(<number>,<percentage>shape-argument [round <number>,<percentage>border-radius])

삽입될 직사각형을 정의한다.

구문

clip-path:inset(shape-argument[roundborder-radius]);기본형식
사각형을 삽입하여 클리핑 처리

매개 변수

<number>,<percentage>shape-argument필수
Shape의 좌표계는 참조되는 요소의 왼쪽 상단에 원점이 있으며 x축은 오른쪽으로, y축은 아래쪽으로 이동한다. 백분률로 설정시 참조되는 요소의 크기를 기준으로 한다. 1~4개의 값을 공백으로 구분하여 설정할 수 있으며 4개의 값이 모두 설정시 안쪽, 위쪽, 오른쪽, 아래쪽 및 왼쪽 오프셋 값을 나타낸다.
<number>,<percentage>round border-radius선택
삽입될 사각형의 모서리에 대한 둥글기 값을 'round' 키워드 다음에 정의한다. 단위가 있는 숫자이거나 백분율로 지정할 수 있다.

반환

<basic-shape>shape

지원 웹브라우저