<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-1.svg

라운드 코너와 rect 사용하기

» rect-2.svg


전역 속성

지정 속성

DOM Interface

This element implements the SVGRectElement interface.

Browser compatibility

BCD tables only load in the browser

See also