HTML Screen PixelDepth Property

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

124 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

111 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

HTML onblur Event Attribute

AmitDiwan
Updated on 16-Feb-2021 04:43:21

305 Views

The HTML onblur attribute is used when an HTML element loses focus in an HTML document.SyntaxFollowing is the syntax −ExampleLet us see an example of HTML onblur event Attribute −Live Demo    body {       color: #000;       height: 100vh;       background-color: #FBAB7E;       background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);       text-align: center;       padding: 20px;    }    .btn {       background: #db133a;       border: none;       height: 2rem;       border-radius: 2px;       ... Read More

HTML onClick Event Attribute

AmitDiwan
Updated on 16-Feb-2021 04:41:20

556 Views

The HTML onclick attribute is triggered when you mouse click on an HTML element in an HTML document.SyntaxFollowing is the syntax −ExampleLet us see an example of HTML onclick event Attribute −Live Demo    body {       color: #000;       height: 100vh;       background-color: #FBAB7E;       background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);       text-align: center;       padding: 20px;    }    .btn {       background: #db133a;       border: none;       height: 2rem;       border-radius: 2px;   ... Read More

HTML onchange Event Attribute

AmitDiwan
Updated on 16-Feb-2021 04:39:29

563 Views

The HTML onchange attribute is triggered when you change the value of an HTML element in an HTML document.SyntaxFollowing is the syntax −ExampleLet us see an example of HTML onchange event Attribute −Live Demo    body {       color: #000;       height: 100vh;       background-color: #FBAB7E;       background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);       text-align: center;       padding: 20px;    }    .show {       font-size: 1.1rem;       margin: 1rem auto;    }    select {       height: 2rem; ... Read More

HTML onCopy Event Attribute

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

169 Views

The HTML oncopy attribute is triggered when user copy the content of an HTML element in an HTML document.SyntaxFollowing is the syntax −ExampleLet us see an example of HTML oncopy event Attribute −Live Demo    body {       color: #000;       height: 100vh;       background-color: #FBAB7E;       background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);       text-align: center;       padding: 20px;    }    p {       font-size: 1.1rem;    } HTML oncopy Event Attribute Demo I'm a paragraph HTML element ... Read More

HTML onCut Event Attribute

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

100 Views

The HTML oncut event attribute is triggered when user cuts the content of an HTML element in an HTML document.SyntaxFollowing is the syntax −ExampleLet us see an example of HTML oncut event Attribute −Live Demo    body {       color: #000;       height: 100vh;       background-color: #FBAB7E;       background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);       text-align: center;       padding: 20px;    }    p {       font-size: 1.1rem;    } HTML oncut Event Attribute Demo I'm a paragraph HTML ... Read More

HTML oncontextmenu Event Attribute

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

172 Views

The HTML oncontextmenu event attribute is triggered when the user right clicks on an HTML element to open the context menu in an HTML document.SyntaxFollowing is the syntax −ExampleLet us see an example of HTML oncontextmenu event Attribute −Live Demo    body {       color: #000;       height: 100vh;       background-color: #FBAB7E;       background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);       text-align: center;       padding: 20px;    }    .box {       background: #db133a;       width: 140px;       height: 140px; ... Read More

HTML ondrag Event Attribute

AmitDiwan
Updated on 16-Feb-2021 04:31:36

152 Views

The HTML ondrag event attribute is triggered when the user drags an HTML element in an HTML document. The HTML image and link elements are dragged by default so there is no need to specify ondrag attribute on them.SyntaxFollowing is the syntax −ExampleLet us see an example of HTML ondrag event Attribute −Live Demo    body {       color: #000;       height: 100vh;       background-color: #FBAB7E;       background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);       text-align: center;    }    .drop-target {       display: inline-block;   ... Read More

Advertisements