THE WORLD'S LARGEST WEB DEVELOPER SITE
HTMLCSSJAVASCRIPTSQLPHPBOOTSTRAPJQUERYANGULARXML
 

Screen availWidth Property

Screen Object Reference Screen Object

Example

Get the available width of your screen:

var x = "Available Width: " + screen.availWidth;

The result of x will be:

Try it Yourself »

More "Try it Yourself" examples below.


Definition and Usage

The availWidth property returns the width of the user's screen, in pixels, minus interface features like the Windows Taskbar.

Tip: To get the height of the screen (excluding the Windows Taskbar), use the availHeight property.


Browser Support

Property
availWidth Yes Yes Yes Yes Yes

Syntax

screen.availWidth

Technical Details

Return Value: A Number, representing the width of the user's screen, in pixels

Examples

More Examples

Example

All screen properties in one example:

var txt = "";
txt += "<p>Total width/height: " + screen.width + "*" + screen.height + "</p>";
txt += "<p>Available width/height: " + screen.availWidth + "*" + screen.availHeight + "</p>";
txt += "<p>Color depth: " + screen.colorDepth + "</p>";
txt += "<p>Color resolution: " + screen.pixelDepth + "</p>";
Try it Yourself »

Screen Object Reference Screen Object