# Window: outerHeight property



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()](https://developer.mozilla.org/en-US/docs/Web/API/window/resizeBy) and [window.resizeTo()](https://developer.mozilla.org/en-US/docs/Web/API/window/resizeTo).

To get the inner height of a window, i.e., the height of the page being displayed, see [window.innerHeight](https://developer.mozilla.org/en-US/docs/Web/API/window/innerHeight).

### Graphical example

The following figure shows the difference between `outerHeight` and `innerHeight`.

![innerHeight vs. outerHeight illustration](firefoxinnervsouterheight2.png)

## Specifications

## Browser compatibility

## See also

- [window.innerHeight](https://developer.mozilla.org/en-US/docs/Web/API/window/innerHeight)
- [window.innerWidth](https://developer.mozilla.org/en-US/docs/Web/API/window/innerWidth)
- [window.outerWidth](https://developer.mozilla.org/en-US/docs/Web/API/window/outerWidth)
- [window.resizeBy()](https://developer.mozilla.org/en-US/docs/Web/API/window/resizeBy)
- [window.resizeTo()](https://developer.mozilla.org/en-US/docs/Web/API/window/resizeTo)