Join us online - 19th of November
Save your spot
For AI agents: a documentation index is available at /llms.txt. Markdown versions of all pages are available by appending .md to any URL.

Interface Screen

The Screen interface represents a screen, usually the one on which the current window is being rendered, and is obtained using window.screen.

MDN Reference

interface Screen {
    availHeight: number;
    availWidth: number;
    colorDepth: number;
    height: number;
    orientation: ScreenOrientation;
    pixelDepth: number;
    width: number;
}
Index
availHeight: number

The read-only Screen interface's availHeight property returns the height, in CSS pixels, of the space available for Web content on the screen. Since Screen is exposed on the Window interface's window.screen property, you access availHeight using window.screen.availHeight.

MDN Reference

availWidth: number

The Screen.availWidth property returns the amount of horizontal space (in CSS pixels) available to the window.

MDN Reference

colorDepth: number

The Screen.colorDepth read-only property returns the color depth of the screen. Per the CSSOM, some implementations return 24 for compatibility reasons. See the browser compatibility section for those that don't.

MDN Reference

height: number

The Screen.height read-only property returns the height of the screen in CSS pixels.

MDN Reference

orientation: ScreenOrientation

The orientation read-only property of the Screen interface returns the current orientation of the screen.

MDN Reference

pixelDepth: number

Returns the bit depth of the screen. Per the CSSOM, some implementations return 24 for compatibility reasons. See the browser compatibility section for those that don't.

MDN Reference

width: number

The Screen.width read-only property returns the width of the screen in CSS pixels.

MDN Reference

Was this helpful?