[jQuery] innerWidth - CSS

<style>
#rect0{
  margin:10px;
  width:100px;
  height:100px;
  display:block;
  padding:8px;
  background-color:#aaa;
}
</style>

$('#btn0').click(function(){
  $('#input0').val( 'document innerWidth : ' + $(document).innerWidth() + 'px' );
  $('#input1').val( 'window innerWidth : ' + $(window).innerWidth() + 'px' );
  $('#input2').val( 'div innerWidth : ' + $('#rect0').innerWidth() + 'px' );
  $('#input3').val( 'p innerWidth : ' + $('#rect0 p').innerWidth() + 'px' );
});

.innerWidth() return number
指定した要素の内部幅を取得する

id = rect0

内部幅を取得する