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

cssselektor:fullscreen {
  
}

Nümunə

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

html<div id="txt">
  Full screen
</div>
<p>
  <button onclick="fullScreen()">Click</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'); // 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