Psevdosinif fullscreen

Psevdosinif fullscreen brauzerin tam ekran rejimi üçün elementlərə üslub təyin edir. Səhifənin standart göstərici rejimindən tam ekran rejiminə keçmək və əksinə üçün klaviaturanın F11 düyməsini basmaq lazımdır.

Sintaksis

selektor:fullscreen {
	
}

Nümunə

Gəlin kliklə elementə mətnlə tam ekran rejiminə keçək və onun fon rəngini dəyişək:

<div id="txt">
	Full screen
</div>
<p>
	<button onclick="fullScreen()">Click</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'); // Elementi alırıq
	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();
}

Həmçinin bax

psevdosinif :default,
standart elementlərə üslub təyin edir