HTML onresize इवेंट एट्रिब्यूट

विवरण

HTML onresize एट्रिब्यूट तब ट्रिगर होता है जब उपयोगकर्ता ब्राउज़र विंडो का आकार बदलता है।

सिंटैक्स

<tagname onresize="script"></tagname>

उदाहरण

आइए HTML onresize इवेंट एट्रिब्यूट का एक उदाहरण देखें:

<!DOCTYPE html> <html> <head> <style> 
  body { 
    color: #000; 
    height: 100vh; 
    background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) no-repeat; 
    padding: 20px; 
  } 
</style> </head> 
<body onresize="resizeFn()"> 
<h1>HTML onresize इवेंट एट्रिब्यूट डेमो</h1> 
<p>अब ब्राउज़र विंडो का आकार बदलें</p> 
<script> 
  function resizeFn() { 
    document.body.style.background = 'linear-gradient(45deg, #8BC6EC 0%, #9599E2 100%) no-repeat'; 
  } 
</script> </body> </html>

आउटपुट

onresize इवेंट एट्रिब्यूट कैसे काम करता है, यह देखने के लिए अब ब्राउज़र विंडो का आकार बदलें।