HTML DOM Screen width Property
The Screen width property is used for returning the total width of a user’s screen. It returns the total width of the screen in pixels.
Syntax:
screen.width
Return Value: A Number, representing the total width of the user’s screen, in pixels
Below program illustrates the Screen width Property :
Checking the total width of a user’s screen.
HTML
<!DOCTYPE html> < html > < head > < title > Screen width Property in HTML </ title > < style > h1 { color: green; } h2 { font-family: Impact; } body { text-align: center; } </ style > </ head > < body > < h1 >w3wiki</ h1 > < h2 >Screen width Property</ h2 > < p > For checking the screen's width, double click the "Check width" button: </ p > < button ondblclick = "width()" > Check width </ button > < p id = "wd" ></ p > < script > function width() { var w = "Total Screen Width in Pixels: " + screen.width; document.getElementById("wd").innerHTML = w; } </ script > </ body > </ html > |
Output:
Before clicking the button:
After clicking the button:
Supported Browsers: The browser supported by Screen width are listed below:
- Google Chrome 1 and above
- Edge 12 and above
- Internet Explorer 4 and above
- Firefox 1 and above
- Opera 12.1 and above
- Safari 1 and above