पूर्णस्क्रीन स्यूडोक्लास

स्यूडोक्लास fullscreen ब्राउज़र के पूर्णस्क्रीन मोड के लिए तत्वों की शैली निर्धारित करता है। पेज के मानक डिस्प्ले मोड से पूर्णस्क्रीन मोड में और वापस स्विच करने के लिए आपको कीबोर्ड पर F11 कुंजी दबानी होगी।

सिंटैक्स

cssसेलेक्टर:fullscreen {
  
}

उदाहरण

आइए क्लिक करके टेक्स्ट वाले तत्व को पूर्णस्क्रीन मोड में विस्तारित करें और उसकी पृष्ठभूमि का रंग बदलें:

html<div id="txt">
  Full screen
</div>
<p>
  <button onclick="fullScreen()">क्लिक करें</button>
</p>

cssbody {
  margin: 0;
}
#txt {
  padding: 10px;
  background: #467CBC;
  color: white;
  width: 200px;
}
#txt:-webkit-full-screen {
  background: #E37D76;
}
#txt:-moz-full-screen {
  background: #E37D76;
}
#txt:-ms-fullscreen {
  background: #E37D76;
}

javascriptfunction fullScreen() {
  let elem = document.getElementById('txt'); // तत्व प्राप्त करें
  if (elem.webkitRequestFullscreen) elem.webkitRequestFullscreen(); // Chrome, Opera, Safari
  else if (elem.mozRequestFullScreen) elem.mozRequestFullScreen(); // Firefox
  else if (elem.msRequestFullscreen) elem.msRequestFullscreen(); // Internet Explorer, Edge
  else if (elem.requestFullscreen) elem.requestFullscreen();
}

Результат:

यह भी देखें