HTML | Window screenLeft Property

The Window screenLeft property is used for returning the ‘x’ or horizontal coordinate of a window relative to a screen. It returns a number which represents the horizontal coordinate of a window relative to a screen.

Syntax:

window.screenLeft

Below program illustrates the Window screenLeft Property :

Getting the horizontal coordinate of a window relative to a screen.

<!DOCTYPE html> 
<html> 
  
<head> 
    <title> 
    Window screenLeft Property in HTML 
    </title> 
    <style> 
        h1 { 
            color: green; 
        } 
          
        h2 { 
            font-family: Impact; 
        } 
          
        body { 
            text-align: center; 
        } 
    </style> 
</head> 
  
<body> 
  
    <h1>GeeksforGeeks</h1> 
    <h2>Window screenLeft Property</h2> 
  
    <p> 
    For returning the X coordinates of 
    a window relative to the screen, 
    double click the "Check Screen  
    Left" button:  
    </p> 
  
    <button ondblclick="coordinate()"> 
    Check Screen Left 
    </button> 
  
    <script> 
        function coordinate() { 
            var x = window.open("", "myWindow"); 
            x.document.write 
                    ("<p>Welcome to my Window"); 
            x.document.write 
             ("<br> ScreenLeft : " + x.screenLeft); 
        } 
    </script> 
  
</body> 
  
</html>                     

Output:

After clicking the button

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

Google Chrome
Internet Explorer
Opera
Safari

My Personal Notes

Recommended Posts: