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 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 Links are hyperlinks that means when you click on a link, it jump son another document.SyntaxFollowing is the syntax −Link ContentHere URL specifies the destination address and it can be either local or external address. target attribute defines where to open the linked document and it can take the following values:ValueExplanation_blankIt opens the linked document in a new tab or window._parentIt opens the linked document in the parent frame._selfIt opens the linked document in the same window._topIt opens the linked document in the full body of the window.ExampleLet us see an example of HTML Links −Live Demo   ... Read More

The HTML Text Formatting refers to the HTML elements that are designed specially for formatting content in an HTML document.SyntaxFollowing is the syntax −contentFollowing are the text formatting tags in HTML:Sr.No.Tag & Explanation1It specifies bold text in an HTML document.2It specifies emphasized text in an HTML document3It specifies italic text in an HTML document.4It specifies smaller text in an HTML document.5It specifies important text in an HTML document.6It specifies subscripted text in an HTML document.7It specifies superscripted text in an HTML document8It specifies inserted text in an HTML document.9It specifies deleted text in an HTML document.10It specifies highlighted text in ... Read More

The HTML reserved attribute define that the list order in ol HTML element should be descending in an HTML document.SyntaxFollowing is the syntax −Let us see an example of HTML reserved Attribute −ExampleLive Demo    body {       color: #000;       height: 100vh;       background-color: #8BC6EC;       background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%);    } HTML reversed Demo List of subjects: Physics Chemistry Maths Biology Economics Output

The HTML option value attribute define the value of the option HTML element which is to be sent on a server when the form is submitted in an HTML document.SyntaxFollowing is the syntax −Let us see an example of HTML option value Attribute −ExampleLive 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;       color: #fff;       outline: none;       cursor: pointer;       margin: 1rem auto;    } HTML optimum Attribute Demo Select your favourite subject: Physics Chemistry Biology Output

The HTML DOM Style objectPosition property returns and modify how an image or video element should be positioned in its own content box in an HTML document.SyntaxFollowing is the syntax −1. Returning objectPositionobject.objectPosition2. Modifying objectPositionobject.objectPosition = “value”Here, value can be −ValueExplanationInitialIt set this property value to its default value.InheritIt inherits this property value from its parent element.PositionIt represents the position of image or video element inside its content box.Let us see an example of HTML DOM Style objectPosition Property −ExampleLive Demo    body {       color: #000;       height: 100vh;       background-color: ... Read More

The HTML DOM Style objectFit property returns and modify how an image or video element in an HTML document should be resized to fit its container element.SyntaxFollowing is the syntax −1. Returning objectFitobject.objectFit2. Modifying objectFitobject.objectFit = “value”Here, value can be −ValueExplanationinitialIt set this property value to its default value.inheritIt inherits this property value from its parent element.noneIn it the content is not resized.fillIn it the content is sized to fill the element’s content box and if necessary the object will be stretched or squished to fit the content box.containIn it the content is scaled to maintain its aspect ratio while ... Read More

The HTML DOM Style perspectiveOrigin property returns and modify where a 3D element is placed on x-axis and y-axis in an HTML document.SyntaxFollowing is the syntax −1. Returning perspectiveOriginobject.perspectiveOrigin2. Modifying perspectiveOriginobject.perspectiveOrigin = “value”Here, value can be −ValueExplanationinitialIt set this property value to its default value.inheritIt inherits this property value from its parent element.x-axis y-axisHere x-axis represent where the view is placed on the x-axis. y-axis represent where the view is placed on the y-axis.Let us see an example of HTML DOM Style perspectiveOrigin Property −ExampleLive Demo    body {       color: #000;       height: ... Read More

The HTML DOM Style perspective property returns and modify how 3D elements are viewed in an HTML document.SyntaxFollowing is the syntax −1. Returning perspectiveobject.perspective2. Modifying perspectiveobject.perspective = “value”Here, value can be −ValueExplanationInitialIt set this property value to its default value.inheritIt inherits this property value from its parent element.NoneIt sets no perspective.lengthIt specifies how far the element is placed from the view in terms of length units.Let us see an example of HTML DOM Style perspective Property −ExampleLive Demo    body {       color: #000;       height: 100vh;       background-color: #8BC6EC;       ... Read More