THE WORLD'S LARGEST WEB DEVELOPER SITE
HTMLCSSJAVASCRIPTSQLPHPBOOTSTRAPJQUERYANGULARXML
 

Screen width Property

Screen Object Reference Screen Object

Example

Get the total width of your screen:

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

The result of x will be:

Try it Yourself »

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

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