Web/API/Window/outerHeight

From Get docs


The Window.outerHeight read-only property returns the height in pixels of the whole browser window, including any sidebar, window chrome, and window-resizing borders/handles.

Notes

To change the size of a window, see window.resizeBy() and window.resizeTo().

To get the inner height of a window, i.e. the height of the page being displayed, see window.innerHeight.

Graphical example

The following figure shows the difference between outerHeight and innerHeight.

[[File:../../../../../../media.prod.mdn.mozit.cloud/attachments/2012/07/09/443/adfceb7859dded4586607785d63f6bbc/FirefoxInnerVsOuterHeight2.png|innerHeight vs outerHeight illustration]]

Specification

Specification Status Comment
CSS Object Model (CSSOM) View ModuleThe definition of 'Window.outerHeight' in that specification. Working Draft  

Browser compatibility

Update compatibility data on GitHub

Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari Android webview Chrome for Android Firefox for Android Opera for Android Safari on iOS Samsung Internet
outerHeight Chrome

Full support 1

Edge

Full support 12

Firefox

Full support 1

IE

Full support 9

Opera

Full support 9

Safari

Full support 3

WebView Android

Full support Yes

Chrome Android

Full support Yes

Firefox Android

Full support 4

Opera Android

Full support 10.1

Safari iOS

Full support 3

Samsung Internet Android

Full support Yes

Legend

Full support  
Full support


See also