- .outerWidth( [includeMargin] )
- includeMargin margin값을 포함할지를 결정하는 Boolean 값.
왼쪽과 오른쪽 padding, border, 선택 요소인 margin 값을 포함한 요소의 넓이를 반환합니다.
만약 includeMargin
값이 생략되어 있거나 false
값이라면, padding과 border 값은 계산에 포함되지 않습니다. 만약 true
라면, margin 도 포함하여 계산됩니다.
이 함수는 window
와 document
객체를 지원하지 않습니다. 만약 그 객체들의 값을 알고 싶다면 .width()
함수를 사용하세요.
예 제
문단(p태그)의 외곽넓이(outerWidth)를 알아내 봅니다.
<!DOCTYPE html> <html> <head> <style> p { margin:10px;padding:5px;border:2px solid #666; } </style> <script src="http://code.jquery.com/jquery-latest.js"></script> </head> <body> <p>Hello</p><p></p> <script>var p = $("p:first"); $("p:last").text( "outerWidth:" + p.outerWidth()+ " , outerWidth(true):" + p.outerWidth(true) ); </script> </body> </html>
미리보기