[J-Query] 요소 면적

요소 면적

• width() : 요소 크기
• innerWidth() : 요소크기 + padding
• outerWidth() : 요소크기 + padding + border
• outerWidth(true) : 요소크기 + padding + border + margin

만약 요소의 크기를 아래와 같이 설정해 둘 경우 각 결과는 아래와 같다.`

width: 400px; height: 300px;
padding: 10px;
border: 3px solid black;
margin: 5px;

width() : 400
innerWidth() : 400 + 10(2개) : 420
outerWidth() : 400 + 10(2개) + 3(2개) : 426
outerWidth(true) : 400 + 10(2개) + 3(2개) + 5(2개) : 436
→ 좌, 우가 있기 때문에 2개씩 더해서 생각해야 한다.

heigth 의 경우도 width와 반대로 생각하면 된다!