CSS Types

CSS Types

Editing

<basic-shape-inset>

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

inset() 함수의 매개 변수 타입을 나타낸다.

구문

  • CSS Shape Module Level 1
    <length-percentage>{1,4} [ round <'border-radius'> ]?

    <length-percentage>{1,4}는 다음과 같이 <'padding'>과 동일한 값 처리 방식으로 참조 상자의 가장자리로 부터의 위치 값을 나타낸다.

    • 1개 : 요소의 네 방향 모두 동일한 값으로 사용한다.
    • 2개 : 첫 번째 값은 상하, 두 번째 값은 좌우 값으로 사용한다.
    • 3개 : 첫 번째 값은 상단, 두 번째 값은 좌우, 세 번째 값은 하단의 값으로 사용한다.
    • 4개 : 차례대로 요소의 상단부터 시계 방향으로 값을 사용한다. 

    <'border-radius'>은 선택 사항이며 border-radius 속성과 동일하게 작용한다.

사용되는 타입

버전 명세

Modules
Module NameStatusSummary
CSS Shapes Module Level 1추천 후보

Last review date: 2023-5-17