HTML DOM offsetWidth プロパティ
要素オブジェクト例
div 要素の幅を取得します。パディング（padding）とボーダー（border）を含みます:
試してみる »
定義と用法
offsetWidth プロパティは読み取り専用プロパティで、その要素のピクセル幅を返します。幅にはパディング（padding）とボーダー（border）が含まれ、マージン（margin）は含まれません。整数で、単位はピクセル（px）です。
通常、要素の offsetWidth は、要素の CSS 幅の測定基準であり、要素のボーダー、パディング、および要素の水平スクロールバー（存在し描画される場合）を含みます。次のものは含みません。:before或 :after等の擬似クラス要素の幅。
ドキュメントの body オブジェクトの場合、要素の CSS 幅の代わりに線形の総コンテンツ高さが含まれます。フロート要素の下方向に延びるコンテンツの幅は無視されます。
要素が非表示の場合（例：要素または要素の祖先のいずれかの要素のstyle.displayが設定されているnone）、0 を返します。
注意:このプロパティを理解するには、参照してください。CSS ボックスモデル。
ヒント:このプロパティは通常、offsetHeight属性と一緒に使用されます。
ヒント:使用して clientHeightとclientWidthプロパティは、要素の表示上の高さと幅を返し、パディング（padding）のみを含みます。
ヒント:要素にスクロールバーを追加するには、overflowプロパティを使用できます。
これは読み取り専用プロパティです。
ブラウザサポート
| プロパティ | |||||
|---|---|---|---|---|---|
| offsetWidth | Yes | Yes | Yes | Yes | Yes |
構文
element. offsetWidth
技術詳細
| 戻り値: | その要素のピクセル幅を表す整数を返します。 |
|---|
その他の例
例
次の例は、clientHeight/clientWidth と offsetHeight/offsetWidth プロパティの違いを示しています。
試してみる »
例
次の例は、要素にスクロールバーを追加した後の clientHeight/clientWidth と offsetHeight/offsetWidth プロパティの違いを示しています。
試してみる »
その他の拡張