概要

rect 要素はSVGの基本図形であり、四角形を生成する際の基準となる座標と、そこからの幅と高さを指定します。また、角の丸まった四角形を作ります。

シンプルな rect 要素の使い方

» rect-1.svg

角の丸い rect 要素

» rect-2.svg

属性

グローバル属性

専用属性

DOM インターフェイス

この要素は SVGRectElement インターフェイスを提供します。

使用可能な場所

カテゴリー基本シェイプ要素 、 グラフィックス要素 、 図形要素
許可された内容任意の数、任意の順で以下の要素を配置可能:
アニメーション要素
説明的要素

仕様

仕様 状態 コメント
Scalable Vector Graphics (SVG) 2
<rect> の定義
勧告候補
Scalable Vector Graphics (SVG) 1.1 (Second Edition)
<rect> の定義
勧告 最初の定義

ブラウザー互換性

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
rectChrome 完全対応 1Edge 完全対応 ありFirefox 完全対応 1.5IE 完全対応 9Opera 完全対応 8Safari 完全対応 3.1WebView Android 完全対応 3Chrome Android 完全対応 ありFirefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 3.1Samsung Internet Android 完全対応 あり
heightChrome 完全対応 1Edge 完全対応 ありFirefox 完全対応 1.5IE 完全対応 9Opera 完全対応 8Safari 完全対応 3.1WebView Android 完全対応 3Chrome Android 完全対応 ありFirefox Android 完全対応 4Opera Android ? Safari iOS 完全対応 3.1Samsung Internet Android 完全対応 あり
rxChrome 完全対応 1Edge 完全対応 ありFirefox 完全対応 1.5IE 完全対応 9Opera 完全対応 8Safari 完全対応 3.1WebView Android 完全対応 3Chrome Android 完全対応 ありFirefox Android 完全対応 4Opera Android ? Safari iOS 完全対応 3.1Samsung Internet Android 完全対応 あり
ryChrome 完全対応 1Edge 完全対応 ありFirefox 完全対応 1.5IE 完全対応 9Opera 完全対応 8Safari 完全対応 3.1WebView Android 完全対応 3Chrome Android 完全対応 ありFirefox Android 完全対応 4Opera Android ? Safari iOS 完全対応 3.1Samsung Internet Android 完全対応 あり
widthChrome 完全対応 1Edge 完全対応 ありFirefox 完全対応 1.5IE 完全対応 9Opera 完全対応 8Safari 完全対応 3.1WebView Android 完全対応 3Chrome Android 完全対応 ありFirefox Android 完全対応 4Opera Android ? Safari iOS 完全対応 3.1Samsung Internet Android 完全対応 あり
xChrome 完全対応 1Edge 完全対応 ありFirefox 完全対応 1.5IE 完全対応 9Opera 完全対応 8Safari 完全対応 3.1WebView Android 完全対応 3Chrome Android 完全対応 ありFirefox Android 完全対応 4Opera Android ? Safari iOS 完全対応 3.1Samsung Internet Android 完全対応 あり
yChrome 完全対応 1Edge 完全対応 ありFirefox 完全対応 1.5IE 完全対応 9Opera 完全対応 8Safari 完全対応 3.1WebView Android 完全対応 3Chrome Android 完全対応 ありFirefox Android 完全対応 4Opera Android ? Safari iOS 完全対応 3.1Samsung Internet Android 完全対応 あり

凡例

完全対応  
完全対応
実装状況不明  
実装状況不明

関連情報

ドキュメントのタグと貢献者

このページの貢献者: takenspc, mdnwebdocs-bot, wbamberg, Sebastianz, teoli, manzyun
最終更新者: takenspc,