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