Screen availWidth Property
Example
Get the available width of your screen:
var x = "Available Width: " + screen.availWidth;
The result of x will be:
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 |
|---|
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 »
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>";
Screen Object
