# .outerHeight()

## outerHeight ( includeMargin ) Returns: Number version added: 1.2.6

- includeMargin
  Type: Boolean
  A Boolean indicating whether to include the element's margin in the calculation.

Description: Get the current computed height for the first element in the set of matched elements, including padding, border, and optionally margin. Returns a number (without "px") representation of the value or null if called on an empty set of elements.

The top and bottom padding and border are always included in the `.outerHeight()` calculation; if the `includeMargin` argument is set to `true`, the margin (top and bottom) is also included.

This method is not applicable to `window` and `document` objects; for these, use `.height()` instead.

## Examples:

#### Example: Get the outerHeight of a paragraph.

    <!doctype html>
    <html lang="en">
    <head>
      <meta charset="utf-8">
      <title>css demo</title>

      <style>

      p {
        margin: 10px;
        padding: 5px;
        border: 2px solid #666;
      }

      </style>

      <script src="//code.jquery.com/jquery-1.10.2.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>

#### Demo: