Aquileo | HTML DOM 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

Return Values: It returns a Number that represents the horizontal distance of the window relative to the screen, in pixels

Below program illustrates the Window screenLeft Property :

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

HTML

<!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 1
Edge 12
Firefox 64
Internet Explorer 5
Opera 12.1
Safari 1

HTML DOM Window screenLeft Property

Explore