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

विवरण

HTML Window outerWidth प्रॉपर्टी ब्राउज़र विंडो की चौड़ाई लौटाती है जिसमें सभी इंटरफ़ेस एलिमेंट शामिल होते हैं।

सिंटैक्स

window.outerWidth

उदाहरण

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

<!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 outerWidth प्रॉपर्टी</h1> 
<button onclick="display()" class="btn">ब्राउज़र विंडो चौड़ाई दिखाएं</button> 
<div class="show"></div> 
<script> 
  function display() { 
    document.querySelector('.show').innerHTML = 'ब्राउज़र विंडो चौड़ाई है: ' + window.outerWidth + "px"; 
  } 
</script> </body> </html>

आउटपुट

ब्राउज़र विंडो की चौड़ाई प्रदर्शित करने के लिए "ब्राउज़र विंडो ऊंचाई दिखाएं" बटन पर क्लिक करें जिसमें इंटरफ़ेस एलिमेंट शामिल हैं: