MW211 EXIT

devlog
jQuery/周辺の幅を取得する
2014年02月05日
┌─────┬────────────────────────────────┐
│上padding │$(this).css('padding-top'        ).replace(/px/, '');           │
│上border  │$(this).css('border-top-width'   ).replace(/px/, '');           │
│上margin  │$(this).css('margin-top'         ).replace(/px/, '');           │
├─────┼────────────────────────────────┤
│下padding │$(this).css('padding-bottom'     ).replace(/px/, '');           │
│下border  │$(this).css('border-bottom-width').replace(/px/, '');           │
│下margin  │$(this).css('margin-bottom'      ).replace(/px/, '');           │
├─────┼────────────────────────────────┤
│左padding │$(this).css('padding-left'       ).replace(/px/, '');           │
│左border  │$(this).css('border-left-width'  ).replace(/px/, '');           │
│左margin  │$(this).css('margin-left'        ).replace(/px/, '');           │
├─────┼────────────────────────────────┤
│右padding │$(this).css('padding-right'      ).replace(/px/, '');           │
│右border  │$(this).css('border-right-width' ).replace(/px/, '');           │
│右margin  │$(this).css('margin-right'       ).replace(/px/, '');           │
└─────┴────────────────────────────────┘
「■px」で取得されるので、「px」を取り除いて数値化している。

「border」だけ「-width」が必要なことに注意。
分類:jQuery