.outerHeight() Method

Syntax

.outerHeight()

Description

The .outerHeight() method returns the height of a particular element with padding, border and margin values. The below example shows how to change the style of an element using innerHeight Style property.

Example Code

<style> h4 {width:400;line-height:25px;margin:15px;padding:5px;border:3px solid #666; cursor:pointer;} </style> <script type="text/javascript" src="jquery.js"></script> <link href='http://hscripts.com/style-new.css' rel='stylesheet' type='text/css'> <script type="text/javascript"> $(document).ready(function(){ $("h4").click(function(){ var p=$("h4") $("h4").html("The OuterHeight of the Paragraph is " + p.outerHeight() + ", OuterHeight(True) : " + p.outerHeight(true)); }); }); </script> <br><font color="Red">Jquery offset Style Property.</font> <h4>Click Mouse Once Here</h4><br>