시계 방향 네 모서리 축약형

CSS 네 값 순서로 출력하며 각 모서리를 선택한 단위에서 0~200으로 따로 조정합니다.

픽셀과 백분율

픽셀은 고정 길이입니다. 백분율은 CSS가 상자 크기에 따라 계산하므로 정사각형이 아닌 상자는 곡선이 달라 보일 수 있습니다. 각 모서리의 두 축에 같은 수치를 쓰며 수평·수직 반경을 슬래시로 나누는 문법은 생성하지 않습니다.

자주 묻는 질문

백분율 반경은 무엇을 기준으로 하나요?

CSS가 상자 크기를 기준으로 계산하므로 같은 값도 넓은 사각형과 정사각형에서 다르게 보일 수 있습니다.

타원형 모서리를 만들 수 있나요?

각 모서리에 수치 하나를 출력합니다. 백분율은 상자의 각 축에 따라 계산하므로 정사각형이 아닌 상자에서는 타원형 모서리가 될 수 있습니다. 수평·수직 반경을 따로 지정하는 슬래시 문법은 생성하지 않습니다.

최댓값이 200인 이유는 무엇인가요?

일반 카드, 패널, 배지에 실용적이면서 큰 곡선도 허용하는 범위입니다. 인접 반경이 맞지 않으면 CSS가 줄일 수 있습니다.