jQuery outerWidth() メソッド

❮ jQuery HTML/CSS メソッド

<div> 要素の outer width を返す:

$("button").click(function(){
    alert($("div").outerWidth());
});
Try it Yourself »

定義と用法

outerWidth() メソッドは、最初にマッチした要素の outer width を返します。

下の図が示すように、このメソッドは、パディングとボーダーを含みます。

チップ: マージンを含めるには, outerWidth(true) を使用します。

jQuery Dimensions


関連するメソッド:


構文

$(selector).outerWidth(includeMargin)

パラメータ 説明
includeMargin 任意。マージンを含むかどうかを指定するブール値
  • false - デフォルト。マージンは含まない
  • true - マージンを含む

Try it Yourself - 例

マージンを含む
マージンを含むかどうかを指定する。

関連するメソッドを使用しサイズを表示する
width()、height()、innerHeight()、innerWidth()、outerWidth() および outerHeight() の使用方法。


❮ jQuery HTML/CSS メソッド