Latest web development tutorials

Window outerWidth and outerHeight property

Window Object Reference Window object

Definition and Usage

outerHeight property sets or returns a window exterior height, including all interface elements (such as toolbars / scroll bars).

outerWidth property sets or returns the external width of the window, including all interface elements (such as toolbars / roll).

Note: Use innerWidth and innerHeight Property Gets removing toolbars and scroll bars of the window height and width.

grammar

Get:

window.outerWidth
window.outerHeight

Set:

window.outerWidth=pixels
window.outerHeight=pixels


Browser Support

Internet ExplorerFirefoxOperaGoogle ChromeSafari

All major browsers support outerWidth and outerHeight properties.

Note: IE 8 and earlier versions of IE does not support this property.


Examples

Examples

Gets the height and width of the window (including toolbar / roll):

var w=window.outerWidth;
var h=window.outerHeight;

try it"


Window Object Reference Window object