පූර්ණ තිර පසුබිම් පන්නය

fullscreen පසුබිම් පන්නය බ්‍රවුසරයේ පූර්ණ තිර ප්‍රකාරය සඳහා මූලද්‍රව්‍යවලට විලාසය නියම කරයි. පිටුව දර්ශනය කිරීමේ සම්මත ප්‍රකාරයෙන් පූර්ණ තිර ප්‍රකාරයට සහ ආපසුව මාරු වීමට ක්ලාවියතුරේ F11 යතුර ඔබන්න.

වාක්‍ය රචනය

cssතෝරන්නා:fullscreen {
  
}

උදාහරණය

අපි ක්ලික් කිරීමෙන් පා text ය සහිත මූලද්‍රව්‍යය පූර්ණ තිර ප්‍රකාරයට විහිදවා එහි පසුබිම නැවත වර්ණකරමු:

html<div id="txt">
  පූර්ණ තිරය
</div>
<p>
  <button onclick="fullScreen()">ක්ලික් කරන්න</button>
</p>

cssශරීරය {
  අතුරුවිරාමය: 0;
}
#txt {
  පැදිකිරීම: 10px;
  පසුබිම: #467CBC;
  වර්ණය: සුදු;
  පළල: 200px;
}
#txt:-webkit-full-screen {
  පසුබිම: #E37D76;
}
#txt:-moz-full-screen {
  පසුබිම: #E37D76;
}
#txt:-ms-fullscreen {
  පසුබිම: #E37D76;
}

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

Результат:

මේවාත් බලන්න