HTML DOM Textarea cols Property

AmitDiwan
Updated on 16-Feb-2021 05:15:30

117 Views

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

HTML DOM Textarea Rows Property

AmitDiwan
Updated on 16-Feb-2021 05:13:29

104 Views

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

HTML DOM Textarea Placeholder Property

AmitDiwan
Updated on 16-Feb-2021 05:11:34

185 Views

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

HTML screen.availHeight Property

AmitDiwan
Updated on 16-Feb-2021 04:59:22

223 Views

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

HTML Screen availWidth Property

AmitDiwan
Updated on 16-Feb-2021 04:57:09

125 Views

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

HTML Screen Height Property

AmitDiwan
Updated on 16-Feb-2021 04:55:11

190 Views

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

HTML screen.colorDepth Property

AmitDiwan
Updated on 16-Feb-2021 04:53:12

151 Views

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

HTML Screen PixelDepth Property

AmitDiwan
Updated on 16-Feb-2021 04:51:42

120 Views

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

HTML View Event Property

AmitDiwan
Updated on 16-Feb-2021 04:47:54

107 Views

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

HTML Viewport Meta Tag for Responsive Web Design

AmitDiwan
Updated on 16-Feb-2021 04:45:27

4K+ Views

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

Advertisements