# .outerWidth()

## outerWidth ( 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 width for the first element in the set of matched elements, including padding and border.

Returns the width of the element, along with left and right padding, border, and optionally margin, in pixels.

If `includeMargin` is omitted or `false`, the padding and border are included in the calculation; if `true`, the margin is also included.

This method is not applicable to `window` and `document` objects; for these, use `.width()` instead. Although `.outerWidth()` can be used on table elements, it may give unexpected results on tables using the `border-collapse: collapse` CSS property.

## Examples:

#### Example: Get the outerWidth 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(
      "outerWidth:" + p.outerWidth() +
      " , outerWidth( true ):" + p.outerWidth( true ) );

    </script>

    </body>
    </html>

#### Demo: