Set Gap Between Columns with JavaScript

Shubham Vora
Updated on 11-Nov-2022 13:08:42

2K+ Views

In this tutorial, we will learn how to set the gap between the columns with JavaScript. The readability of lengthy paragraphs or articles is improved by dividing them into multiple columns. The text is divided into multiple columns using the ‘column-count’ CSS property. There needs to be a space or gap between the columns to make each column separate from the other. To set the gap between the columns with JavaScript, we have multiple ways, and in this tutorial, we will discuss two of them − Using the style.columnGap property Using the style.setProperty() method Using the style.columnGap Property ... Read More

Set Four Transition Properties with JavaScript

Shubham Vora
Updated on 11-Nov-2022 13:06:18

5K+ Views

In this tutorial, we will learn how to set the four transition properties with JavaScript. The transition is a CSS property used to set the transition effect of an element. It is a shorthand property for the following: transitionProperty, transitionDuration, transitionTimingFunction, and transitionDelay. The transitionProperty is used to specify the CSS property name that should have the transition effect. The transitionDuration property is used to specify the total time to complete the transition. The transitionTimingFunction is used to specify the speed curve of the transition. The transitionDelay is used to specify after how much time the transition will start. To ... Read More

Set Font Family for Text with JavaScript

Shubham Vora
Updated on 11-Nov-2022 13:00:41

8K+ Views

In this tutorial, we will learn how to set the font family for text with JavaScript. The font-family is a CSS property that specifies a prioritized list containing one or more font family names and generic family names for the text of an HTML element. To set the font-family for text with JavaScript, we have multiple ways, and in this tutorial, we will discuss two of them − Using the style.fontFamily Property Using the style.setProperty Method Using the style.fontFamily Property The style.fontFamily property sets a list of font family names and/or generic family names for the text. The ... Read More

Link Pages Using Relative URL in HTML

Lokesh Badavath
Updated on 11-Nov-2022 10:48:40

15K+ Views

In HTML different HTML elements have attributes that contain link to the other resources. The values of these attributes are URL’s, these can be absolute or relative URL’s. Relative URLs don’t contain full web address. With relative URL we start automatically from the address the browser currently at then we add path components and then extension. Explicitly tells the browser to use the current folder. Syntax Following is the syntax to link a page using relative URL. Link text… Example Following is the example program to link a page using relative URL. Login Page DOCTYPE html> ... Read More

Link Pages Using Absolute URL in HTML

Lokesh Badavath
Updated on 11-Nov-2022 10:46:40

3K+ Views

In HTML different HTML elements have attributes that contain link to the other resources. The values of these attributes are URL’s, these can be absolute or relative URL’s. An absolute URL used to link to resources on web page, it includes the website address. Absolute URL’s never changes. We can also use absolute URL to link to resources within same site on the web page. Following link includes the protocol and domain (host name) making this an absolute URL. Link text… Absolute URL begins with the domain where the file is located. Syntax Following is the syntax ... Read More

Use Internal CSS Style Sheet in HTML

Lokesh Badavath
Updated on 11-Nov-2022 10:44:29

5K+ Views

Cascading Style Sheets is used to format the presentation of a webpage. CSS is used to style and layout web pages — you can control the presentation of the web page using, to alter the font, color, size, and spacing of your content, split it into multiple columns, or add animations and other decorative features available within the css properties. Internal CSS Internal CSS is used to define within style tags for a single HTML page. It is defined inside the tag of an HTML page, within a tag element. Example Following is the example program, uses internal ... Read More

Use Inline CSS Style Sheet in HTML

Lokesh Badavath
Updated on 11-Nov-2022 10:42:26

4K+ Views

Cascading Style Sheets is used to format the presentation of a webpage. CSS is used to style and layout web pages - you can control the presentation of the web page using, to alter the font, color, size, and spacing of your content, split it into multiple columns, or add animations and other decorative features available within the css properties. Inline − Using the style attribute inside HTML elements. Inline CSS − Inline CSS is used to apply a unique style to a single HTML element used within the tag. Example Following is the example program, uses inline ... Read More

Create Hidden Comments in HTML

Lokesh Badavath
Updated on 11-Nov-2022 10:40:04

15K+ Views

Comments are used to hide content. To create hidden comments in HTML, we add tag and end it with -- >. Whatever comes inside this tag it is hidden. These comments allow us to easily understand the code. Comments can be considered as a note to yourself and allows the other person to understand the code, which also hides HTML code, so the browser doesn't display it on the web page. Syntax Following is the syntax to hide comments in HTML. Example Following is the example program to hide comments in HTML. DOCTYPE html> ... Read More

Display Text Right to Left Using HTML

Lokesh Badavath
Updated on 11-Nov-2022 10:38:17

2K+ Views

The direction property specifies the text direction within a block element on the web page. We use the style attribute, to set text direction in HTML. The style attribute specifies an inline style for an element within a block. The style attribute is used with the CSS property direction to set direction for the text. Syntax Following is the syntax to set text direction (right-to-left) using CSS property. The text… Example Following is the example program to set direction to the element in HTML. DOCTYPE html> ... Read More

Set Text Direction in HTML

Lokesh Badavath
Updated on 11-Nov-2022 10:34:27

3K+ Views

The direction property specifies the text direction within a block element on the web page. We use the style attribute, to set text direction in HTML. The style attribute specifies an inline style for an element within a block. The style attribute is used with the CSS property direction to set direction for the text. Syntax Following is the syntax to set text direction using CSS property. Below syntax set the text to right-to-left direction. The text… Example Following is the example program to set text direction in HTML. DOCTYPE html> ... Read More

Advertisements