Screen width property

JavaScript Screen Object

widthA read-only property that returns the total width of the screen (in pixels).

UsageheightProperty to get the total height of the screen (in pixels).

Syntax:

screen.width

var x = "Total Width: "　+　screen.width;

Browser compatibility

All browsers fully support the width property:

Technical details

More Examples

This example displays all screen properties:

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>";
document.write(txt);

Related References

screen reference:screen.availHeight property

screen reference:screen.availWidth property

screen reference:screen.colorDepth property

screen reference:screen.height property

screen reference:screen.pixelDepth property

JavaScript Screen Object