Open In App
Related Articles

HTML DOM Window outerHeight Property

Improve Article
Save Article
Like Article

The window outerHeight property is used for returning the outer height of the browser window. It includes all the interface elements such as toolbars, scrollbars, etc. It is a read-only property and returns a number which represents the height of the browser’s window in pixels. 



Below program illustrates the Window outerHeight Property : 

Getting the browser window’s height. 


<!DOCTYPE html>
      Window outerHeight Property in HTML
        h1 {
            color: green;
        h2 {
            font-family: Impact;
        body {
            text-align: center;
    <h2>Window outerHeight Property</h2>
      For returning the browser window's height,
      double click the "Check Height" button:
    <button ondblclick="pixel()">
      Check Height
    <p id="outerheight"></p>
        function pixel() {
            var height = window.outerHeight;
            document.getElementById("outerheight").innerHTML =
                              "Height : " + height;


After clicking the button:

Supported Browsers: The browser supported by Window outerHeight Property are listed below:

  • Google Chrome 1
  • Edge 12
  • Internet Explorer 9
  • Firefox 1
  • Opera 9
  • Safari 3

Last Updated : 15 Jun, 2023
Like Article
Save Article
Similar Reads
Related Tutorials