Front End Technology Articles - Page 454 of 745

The HTML Window screenLeft property returns the horizontal coordinates of the window relative to the screen. It is not supported by firefox browser.SyntaxFollowing is the syntax −window.screenLeftLet us see an example of HTML Window screenLeft Property −Example Live Demo    body {       color: #000;       height: 100vh;       background-color: #8BC6EC;       background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%);       text-align: center;    }    .btn {       background: #db133a;       border: none;       height: 2rem;       border-radius: 2px;       ... Read More

The HTML Window name property returns and modify the name of the window.SyntaxFollowing is the syntax −1. Returning namewindow.name2. Adding namewindow.name=”text”Let us see an example of HTML Window name Property −Example Live Demo    body {       color: #000;       height: 100vh;       background-color: #8BC6EC;       background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%);       text-align: center;    }    .btn {       background: #db133a;       border: none;       height: 2rem;       border-radius: 2px;       width: 40%;       display: ... Read More

The HTML Window outerWidth property returns the width of the browser window including all interface elements.SyntaxFollowing is the syntax −window.outerWidthLet us see an example of HTML Window outerWidth Property −Example Live Demo    body {       color: #000;       height: 100vh;       background-color: #8BC6EC;       background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%);       text-align: center;    }    .btn {       background: #db133a;       border: none;       height: 2rem;       border-radius: 2px;       width: 40%;       display: block; ... Read More

The HTML Window outerHeight property returns the height of the browser window including all interface elements.SyntaxFollowing is the syntax −window.outerHeightLet us see an example of HTML Window outerHeight Property −Example Live Demo    body {       color: #000;       height: 100vh;       background-color: #8BC6EC;       background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%);       text-align: center;    }    .btn {       background: #db133a;       border: none;       height: 2rem;       border-radius: 2px;       width: 40%;       display: block; ... Read More

The HTML Window innerHeight property returns the height of the content area of a window in an HTML document.SyntaxFollowing is the syntax −window.innerHeightLet us see an example of HTML Window innerHeight Property −Example Live Demo    body {       color: #000;       height: 100vh;       background-color: #8BC6EC;       background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%);       text-align: center;    }    .btn {       background: #db133a;       border: none;       height: 2rem;       border-radius: 2px;       width: 40%;     ... Read More

The HTML Window length property returns the number of elements in the current HTML document.SyntaxFollowing is the syntax −window.lengthLet us see an example of HTML Window length property −Example Live Demo    body {       color: #000;       height: 100vh;       background-color: #8BC6EC;       background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%);       text-align: center;    }    .btn {       background: #db133a;       border: none;       height: 2rem;       border-radius: 2px;       width: 40%;       display: block; ... Read More

The HTML5 mathematical operators are used for mathematical and technical operators’ representation in an HTML document. So, to use such operators to web page, we use HTML entity name. If no entity name exists then you can use entity number which is a decimal or a hexadecimal reference.SyntaxFollowing is the syntax −&operatorName;Or&#operatorHexcode;Or&#operatorHexadecimalcode;Let us see an example of HTML5 mathematical operators −Example Live Demo    body {       color: #000;       height: 100vh;       background-color: #8BC6EC;       background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%);       text-align: center;    } ... Read More

The HTML DOM KeyboardEvent altKey property returns whether an ALT key was pressed or not when a key event was triggered in an HTML document.SyntaxFollowing is the syntax −event.altKeyLet us see an example of HTML KeyboardEvent altKey property−Example Live Demo    body {       color: #000;       height: 100vh;       background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) no-repeat;       text-align: center;    }    input {       border: 2px solid #fff;       padding: 8px;       background: transparent;       width: 310px;       border-radius: ... Read More

The HTML DOM Variable Object represent the element of an HTML document.Create var object−SyntaxFollowing is the syntax −document.createElement(“VAR”);Let us see an example of var object−Example Live Demo    body {       text-align: center;       background-color: #fff;       color: #0197F6;    }    h1 {       color: #23CE6B;    }    .btn {       background-color: #fff;       border: 2px solid #0197F6;       height: 2rem;       width: 40%;       margin: 2rem auto;       display: block;       color: #0197F6; ... Read More

The HTML ondblclick attribute is triggered when you mouse double-click on an HTML element in an HTML document.SyntaxFollowing is the syntax −Let us see an example of HTML ondblclick event Attribute−Example 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