The HTML DOM Textarea cols return and modify the value of cols attribute of a text area element in an HTML document.SyntaxFollowing is the syntax −1. Returning colsobject.cols2. Adding colsobject.cols = “number”Let us see an example of HTML DOM Textarea cols Property:ExampleLive Demo body { color: #000; background: lightseagreen; height: 100vh; } .btn { background: #db133a; border: none; height: 2rem; border-radius: 2px; width: 40%; display: block; ... Read More
The HTML DOM Textarea rows returns and modify the value of rows attribute of a text area element in an HTML document.SyntaxFollowing is the syntax −1. Returning rowsobject.rows2. Adding rowsobject.rows = “number”Let us see an example of HTML DOM Textarea rows Property:ExampleLive Demo body { color: #000; background: lightseagreen; height: 100vh; } .btn { background: #db133a; border: none; height: 2rem; border-radius: 2px; width: 40%; display: block; ... Read More
The HTML DOM Textarea placeholder property returns and modify the value of placeholder attribute of a text area element in an HTML document.SyntaxFollowing is the syntax −1. Returning placeholderobject.placeholder2. Adding placeholderobject.placeholder = “text”Let us see an example of HTML DOM Textarea placeholder Property:ExampleLive Demo body { color: #000; background: lightseagreen; height: 100vh; } .btn { background: #db133a; border: none; height: 2rem; border-radius: 2px; width: 40%; display: block; ... Read More
The HTML Screen availHeight property returns the available height of the user’s screen that means it excludes interface features of the browser.SyntaxFollowing is the syntax −screen.availHeightExampleLet us see an example of HTML Screen availHeight Property:Live Demo body { color: #000; height: 100vh; background-color: #FBAB7E; background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%); text-align: center; } .btn { background: #db133a; border: none; height: 2rem; border-radius: 2px; width: 40%; ... Read More
The HTML Screen availWidth property returns the available width of the user’s screen that means it excludes interface features of the browser.SyntaxFollowing is the syntax −screen.availWidthExampleLet us see an example of HTML Screen availWidth Property −Live Demo body { color: #000; height: 100vh; background-color: #FBAB7E; background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%); text-align: center; } .btn { background: #db133a; border: none; height: 2rem; border-radius: 2px; width: ... Read More
The HTML Screen height property returns the total height of the user’s screen.SyntaxFollowing is the syntax −screen.heightExampleLet us see an example of HTML Screen height Property -Live Demo body { color: #000; height: 100vh; background-color: #FBAB7E; background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%); text-align: center; } .btn { background: #db133a; border: none; height: 2rem; border-radius: 2px; width: 40%; display: block; ... Read More
The HTML Screen colorDepth property returns the bit depth of the color palette for displaying images(in bits per pixel).SyntaxFollowing is the syntax −screen.colorDepthExampleLet us see an example of HTML Screen colorDepth Property −Live Demo body { color: #000; height: 100vh; background-color: #FBAB7E; background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%); text-align: center; } .btn { background: #db133a; border: none; height: 2rem; border-radius: 2px; width: 40%; ... Read More
The HTML Screen pixelDepth property returns the color resolution of the visitor’s screen.SyntaxFollowing is the syntax −screen.pixelDepthExampleLet us see an example of HTML Screen pixelDepth Property −Live Demo body { color: #000; height: 100vh; background-color: #FBAB7E; background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%); text-align: center; } .btn { background: #db133a; border: none; height: 2rem; border-radius: 2px; width: 40%; display: block; ... Read More
The HTML view Event property returns a cite to the Window object where the event occured.SyntaxFollowing is the syntax −event.viewExampleLet us see an example of HTML view Event Property −Live Demo body { color: #000; height: 100vh; background-color: #FBAB7E; background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%); text-align: center; } .btn { background: #db133a; border: none; height: 2rem; border-radius: 2px; width: 40%; display: block; ... Read More
The HTML Viewport meta tag is used for creating responsive website. So that web page can adjust its width according to viewport.SyntaxFollowing is the syntax −< meta name=”viewport” content=”width=device-width, initial-scale=1.0” >Attributes of viewport meta tagAttributeExplanationwidthIt specifies the virtual viewport width of the device.heightIt specifies the virtual viewport height of the device.initial-scaleIt specifies the zoom level when the page is first visited.minimum-scaleIt specifies the minimum zoom level to which the user can zoom the page.maximum-scaleIt specifies the maximum zoom level to which the user can zoom the page.user-scalableIt specifies whether the user can zoom in or out.ExampleLet us see an example ... Read More