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 innerWidth property returns the width of the content area of a window in an HTML document.SyntaxFollowing is the syntax −window.innerWidthLet us see an example of HTML Window innerWidth 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 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 DOM Style pageBreakInside property returns and modify the page-break behavior for printing or print preview inside an HTML element in an HTML document.SyntaxFollowing is the syntax −1. Returning pageBreakInsideobject.pageBreakInside2. Modifying pageBreakInsideobject.pageBreakInside = “value”Here, value can be −ValueExplanationinitialIt sets this property value to its default value.inheritIt inherits this property value from its parent element.AutoIt inserts a page break inside the element in an HTML document if necessary.avoidIt avoids a page break inside the element in an HTML documentLet us see an example of HTML DOM Style pageBreakInside Property −Example Live Demo    body {       color: ... 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 Aside Object represent the element of an HTML document.Create aside object−SyntaxFollowing is the syntax −document.createElement(“ASIDE”);Let us see an example of aside 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 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