HTML | Propiedad de ancho de pantalla disponible

La propiedad Screen AvailabilityWidth se usa para devolver el ancho de la pantalla del usuario, en píxeles. El valor devuelto por la propiedad Screen AvailabilityWidth excluye las características de la interfaz, como la barra de tareas de Windows.
Sintaxis: 
 

screen.availWidth

Valor devuelto: Devuelve un valor numérico que, representando el ancho de la pantalla del usuario, en píxeles

El siguiente programa ilustra la propiedad de ancho de pantalla de la pantalla:
obtener el ancho de la pantalla del usuario.
Aporte: 
 

html

<!DOCTYPE html>
<html>
 
<head>
    <title>
      Screen availWidth property in HTML
    </title>
    <style>
        h1 {
            color: green;
        }
         
        h2 {
            font-family: Impact;
        }
         
        body {
            text-align: center;
        }
    </style>
</head>
 
<body>
 
    <h1>GeeksforGeeks</h1>
    <h2>Screen availWidth property</h2>
 
     
<p>
      For returning the screen width,
      double click the "Screen Width" button:
    </p>
 
 
    <button ondblclick="screen_width()">
      Screen Width
    </button>
 
    <p id="width"></p>
 
 
    <script>
        function screen_width() {
 
            var w = "Screen width: " + screen.availWidth + "px";
            document.getElementById("width").innerHTML = w;
 
        }
    </script>
 
</body>
 
</html>

Producción: 
 

Después de hacer clic en el botón 
 

Navegadores compatibles: los navegadores compatibles con Screen disponibilidadWidth se enumeran a continuación: 
 

  • Google Chrome
  • explorador de Internet
  • Firefox
  • Ópera
  • Safari

Publicación traducida automáticamente

Artículo escrito por Shubrodeep Banerjee y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *