The HTML DOM borderImageSource property is used for setting or returning the source of the image to be used as border image for an element.Following is the syntax for −Setting the borderImageSource property −object.style.borderImageSource = "none|image|initial|inherit"The above properties are explained as follows −ValueDescriptionNoneThis means no image will be used. It will apply border styles if they are specified.ImageFor giving the path of the image to be used as border.The path to the image to be used as a borderillIt is used for preserving the border-image middle part.InitialFor setting this property to default value.InheritTo inherit the parent property value.Let us look ... Read More

The HTML DOM borderImageSlice property is used to define how a border image is divided into regions. This is done by specifying the border image offsets in percentage,  number or global values.Following is the syntax for −Setting the borderImageSlice property −object.style.borderImageSlice = "number|%|fill|initial|inherit"The above properties are explained as follows −ValueDescriptionnumberIt is used for denoting pixels in a raster image or vector coordinates in a vector image.%These are used for specifying the horizontal and vertical offsets relative to the picture size. Its default value is 100%.illIt is used for preserving the border-image middle part.initialFor setting this property to default value.inheritTo inherit the parent ... Read More

HTML5, the latest and popular web designing language, has suddenly took the designing world with a wave. Earlier we had HTML and now there is HTML5. However, if we look at the major difference between the both, we figure out that the one thing, which actually makes HTML5 different and better than HTML is the Responsiveness.Responsiveness of a webpage means the output or response received from the web page after it is loaded on the browser as per the medium.With HTML, there used to be many limitations, which arises the need for a new version. The web designers were not ... Read More

HTMLHTML stands for HyperText Markup Language which is a language used to describe the structure of a web page. It consists of various HTML element which is composed of HTML tags and their content.HTML is a hypertext language so we can create a chain of links of documents. The current version of HTML is HTML5. HTML is static and it can ignore small errors and in it, closing tags are not necessary.Let us see an example of HTML −Example HTML HTML I'm a HTML document. OutputXMLXML stands for eXtensible Markup Language which ... Read More

The HTML5 Semantics refers to the semantic tags that provide meaning to an HTML page. In HTML5 the tags are divided into two categories - semantic and non-semantic. HTML5 brings several new semantic tags to the HTML.Some HTML5 Semantic tags are −TagsExplanationfigureIt specifies an image with different formats.articleIt specifies an independent self-containing article.navIt specifies a container for navigation links.asideIt specifies a tag for content aside from main content (like a sidebar).sectionIt represents a section in a document.detailsIt specifies a tag for additional details.headerIt specifies a header for a section or for a document.footerIt specifies a footer for a section or ... Read More

The HTML form action attribute defines where to send the form data when a form is submitted in an HTML document.SyntaxFollowing is the syntax −Let us see an example of HTML Form action Attribute −Example Live Demo    body {       color: #000;       height: 100vh;       background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) no-repeat;       text-align: center;    }    input {       width: 315px;       display: block;       margin: 1rem auto;       border: 2px solid #fff;       padding: 8px;   ... Read More

The HTML Window sessionStorage property allow us to store key/value pairs data in a web browser only for one session that means the data is deleted when the browser tab is closed.SyntaxFollowing is the syntax −window.sessionStorageLet us see an example of HTML Window sessionStorage Property −Example Live Demo    body {       color: #000;       height: 100vh;       background-color: #8BC6EC;       background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%) no-repeat;       text-align: center;    }    .btn {       background: #db133a;       border: none;       ... Read More

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

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

The HTML Window resizeTo() method resize a window relative to its current size by the specified values.SyntaxFollowing is the syntax −window.resizeTo(w, h)Here w and h define the value of resizing the window width and height in pixels respectively.Let us see an example of HTML Window resizeTo() Method −Example Live Demo    body {       color: #000;       height: 100vh;       background-color: #8BC6EC;       background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%) no-repeat;       text-align: center;    }    .btn {       background: #db133a;       border: none;   ... Read More