HTML Window screenX प्रॉपर्टी

विवरण

HTML Window screenX प्रॉपर्टी स्क्रीन के सापेक्ष विंडो के क्षैतिज निर्देशांक लौटाती है। यह सभी ब्राउज़रों द्वारा समर्थित है।

सिंटैक्स

window.screenX

उदाहरण

आइए HTML Window screenX प्रॉपर्टी का एक उदाहरण देखें:

<!DOCTYPE html> <html> <style> 
  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; 
  } 
</style> <body> 
<h1>HTML Window screenX प्रॉपर्टी डेमो</h1> 
<button onclick="display()" class="btn">screenX मान दिखाएं</button> 
<div class="show"></div> 
<script> 
  function display() { 
    document.querySelector('.show').innerHTML = 'स्क्रीन के सापेक्ष विंडो का क्षैतिज निर्देशांक है: ' + window.screenX + 'px'; 
  } 
</script> </body> </html>

आउटपुट

"screenX मान दिखाएं" बटन पर क्लिक करके स्क्रीन के सापेक्ष विंडो का क्षैतिज निर्देशांक प्रदर्शित करें: