HTML Window screenLeft Property

The HTML Window screenLeft property returns the horizontal coordinates of the window relative to the screen. It is not supported by firefox browser.


Following is the syntax −


Let us see an example of HTML Window screenLeft Property −


 Live Demo

<!DOCTYPE html>
   body {
      color: #000;
      height: 100vh;
      background-color: #8BC6EC;
      background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%);
      text-align: center;
   .btn {
      background: #db133a;
      border: none;
      height: 2rem;
      border-radius: 2px;
      width: 40%;
      display: block;
      color: #fff;
      outline: none;
      cursor: pointer;
      margin: 1rem auto;
   .show {
      font-size: 1.2rem;
<h1>HTML Window screenLeft Property Demo</h1>
<button onclick="display()" class="btn">Show screenLeft value</button>
<div class="show"></div>
   function display() {
      document.querySelector('.show').innerHTML = 'The horizontal coordinate of the window relative to the screen is: ' + window.screenLeft + 'px';


Click on “Show screenLeft value” button to display the horizontal coordinate of the window relative to the screen: