<rect> 요소는 SVG 기본 모형이고 코너의 위치와 폭과 높이에 따라 사각형을 만드는데 사용된다. 또한 모서리가 둥근 사각형을 만들 수 있다.

<svg viewBox="0 0 220 100" xmlns="http://www.w3.org/2000/svg">
  <!-- Simple rect element -->
  <rect x="0" y="0" width="100" height="100" />

  <!-- Rounded corner rect element -->
  <rect x="120" y="0" width="100" height="100" rx="15" ry="15" />

컨택스트 사용해보기

카테고리 기본 도형 요소, 그래픽 요소, 모형 요소
허용 된 콘텐츠 Any number of the following elements, in any order:
Animation elements »
Descriptive elements »
규범 문서 SVG 1.1 (2nd Edition)


간단한 rect 사용하기

라운드 코너와 rect 사용하기


전역 속성

지정 속성

DOM Interface

This element implements the SVGRectElement interface.

Browser compatibility

BCD tables only load in the browser

See also