js 横幅のみ、空白+横幅などの取得(width, innerWidth, outerWidth)
幅と言っても空白アリ、線幅アリなど含める・含めないで変わってくる
作成日:2018-07-06, 更新日:2018-07-06
基本
- 幅
-
var w = $('p').width()
- 幅+padding
-
var w = $('p').innerWidth()
- 幅+padding+線幅
-
var w = $('p').outerWidth()
- 幅+padding+線幅+margin
-
var w = $('p').outerWidth(true)
- ウィンドウのスクロールバーを除く横幅
-
var w = $(window).width();
- ウィンドウのスクロールバーを含む横幅
-
var w = window.innerWidth;
※「ウィンドウのスクロールバーを含む横幅」だけ、jqueryじゃない。
※高さは「widht」のトコを「height」にする(大文字・小文字に注意)