Screen width Property
Example
Get the total width of your screen:
var x = "Total Width: " + screen.width;
The result of x will be:
More "Try it Yourself" examples below.
Definition and Usage
The width property returns the total width of the user's screen, in pixels.
Tip: Use the height property to get the total height of the user's screen.
Browser Support
| Property | |||||
|---|---|---|---|---|---|
| width | Yes | Yes | Yes | Yes | Yes |
Syntax
screen.width
Technical Details
| Return Value: | A Number, representing the total 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
