My Blog

The margin-bottom property is used to set margin space on the bottom of an element. Initial Value 0 Applies to All elements. It also applies to ::first-letter. Inherited No. Animatable Yes. Bottom margin of the element is animatable. Version CSS2 DOM Syntax object.style.marginBottom = “70px”; Syntax Example of the margin-bottom property: Result Example of the margin-bottom property defined as “4em”: Example of…

The CSS margin property is used to create space around the element. The margin property is a shorthand for the following properties: We can use the margin property for all sides (top, bottom, left, right) at once. For the top side we use margin-top, for bottom margin-bottom, for left side margin-left and for right side margin-right. The margin property can be defined with…

CSS list-style-type property is used to specify the type of a list item element. A list marker can have three types: glyphs (circle, disc, square), numbering systems, and alphabetic systems. The marker’s color will be the same as the computed color of the element it applies to. Only the <li> and <summary> elements have the “list-item” value of the display property. We can…

The list-style-position property specifies whether a list item’s marker should be inside or outside the list-item box. The list-style-position property is applied to list items and elements for which the display is set to “list-item”. By default, this includes <li> elements. It can also be set on parent elements: <ol> or <ul>. Initial Value outside Applies to List items. Inherited Yes. Animatable No. Version CSS1 DOM…

The list-style-image property is used to put an image instead of the list item marker. If the image has an inherent width and height, they will be used as width and height. If the image has an inherent ratio and an inherent height/width, they will be used as width and height. The used value of the missing dimension will be calculated from…

CSS list-style property is a shorthand property for the following list-style properties: You can set all the properties with this order: 1- list-style-type, 2- list-style-position, 3- list-style-image. The list-style property can be set on a list item or on the list of items (<ul> or <ol>) and that style will cascade and be applied to the list items in that list. Initial Value disc outside none…

The line-height property defines the line-height. There are three situations: The line-height property sets the leading of lines of a text. If the line-height value is greater than the font-size value of an element, the difference will be the leading of text. The line-height property has no effect when applying to inline elements: such as images, buttons, etc. Initial Value normal Applies to List…

The line-clamp property truncates a text at a specified number of lines. It limits the text, after you tell it the desirable number of lines, adding an ellipsis after the last word or portion of a word that is demonstrated. It is a shorthand for: Disadvantages of the CSS line-clamp Property CSS line-clamp property has some disadvantages, and we…

The line-break property specifies how to break lines of Chinese, Japanese, or Korean text working with punctuation and symbols. But, these languages have different rules. This line break might not occur. For example, if the value is set to “strict”, break before hyphens are not allowed in Chinese and Japanese languages. The CSS specification emphasizes rules only…

The CSS letter-spacing property allows specifying the spaces between letters/characters in a text. Values supported by letter-spacing include parent-relative values (percentage), font-relative values (em, rem), absolute values (px) and the normal property, which resets to the font’s default. The letter-spacing property supports negative values. The letter-spacing is transitionable that’s why the spacing will change smoothly if a transition is defined. Initial Value normal Applies to…