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

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

सिंटैक्स

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

उदाहरण

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

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

body {
	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;
}

function 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();
}

यह भी देखें

स्यूडोक्लास :default,
जो डिफ़ॉल्ट रूप से तत्वों की शैली निर्धारित करता है