.outerHeight()

Returns: Integer

Высота элемента с учетом внутренних отступов, border-width и (опционально) внешних отступов (margin). В результате получим целое число (без px).

  • version added: 1.2.6.outerHeight( [includeMargin] )

    includeMargin - true/false - учитывать внешние отступы или нет.

    Тип: Булево значение

    Флаг, отвечающий за включение внешних отступов в результат.

В результат, полученный от .outerHeight(), включены верхние и нижние внутренние отступы (padding) и рамка; Если значение аргумента includeMargin равно true, то в расчёт будут включены и внешние отступы (margin).

Данный метод нельзя применить к объектам window и document; для этого используйте метод .height().

Пример

Получить outerHeight параграфа

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>outerHeight demo</title>
  <style>p { margin:10px;padding:5px;border:2px solid #666; } 	</style>
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
<body>
  <p>Hello</p><p></p>
<script>var p = $("p:first");
$("p:last").text( "outerHeight:" + p.outerHeight() + " , outerHeight(true):" + p.outerHeight(true) );</script>

</body>
</html>

^ Наверх ^