logo

.outerWidth( [includeMargin] )

공수래 2013.07.26 12:46 조회 수 : 1992

개요 : 조건에 부합되는 요소들 중 첫번째 요소의 넓이값을 반환해 줍니다. padding, border 값을 포함됩니다.

  • .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>

미리보기

 

이 게시물을
이 글의 추천인 목록 게시글 수정 내역 목록
목록
쓰기
쓰기 태그
  • 인기글
  • 최근글
  • 최근댓글