Kichujio cha Fullscreen

Kichujio fullscreen huweka mtindo kwa vipengele vilivyo kwenye hali ya skrini kamili ya kivinjari. Ili kubadilisha kutoka kwenye hali ya kawaida ya kuonyesha ukurasa kwenda kwenye hali ya skrini kamili na kurudi nyuma, bonyeza kitufe F11 kwenye kibodi.

Kisarufu

kichaguzi:fullscreen {
	
}

Mfano

Tuvute kwa kubonyeza kipengee chenye maandishi kwenye hali ya skrini kamili na tubadilishe rangi ya msingi wake:

<div id="txt">
	Skrini Kamili
</div>
<p>
	<button onclick="fullScreen()">Bonyeza</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'); // Pata kipengee
	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();
}

Angalia Pia

kichujio :default,
kinachoweka mtindo wa vipengee kwa chaguo-msingi