My Blog

The left property specifies the part of the position of positioned elements. The left property is used to set the left margin edge of the element and the left edge of its containing block for absolute or fixed positioned elements. If position is selected “static”, left property won’t have any effect. The effect of left depends on how the element is…

The @keyframes at-rule is the basis for keyframe animations used to animate (gradually change from one style to another) many CSS properties. This rule allows specifying what should happen at specific moments during the animation by defining styles for keyframes (or waypoints) along the animation sequence. The @keyframes is one of the CSS3 properties. The @keyframes rule and its identifier are followed by a…

The justify-items property defines the default justify-self for all child boxes, giving them all a default way of justifying each box along the appropriate axis. The justify-items property has gained use with the introduction of Flexbox and Grid layouts, but is also applies to: Initial Value legacy Applies to All elements. Inherited No. Animatable No. Version CSS3 DOM Syntax object.style.justifyItems =…

The justify-content property aligns the items when the items do not use all available space horizontally. It controls the alignment of items overflowing the line. This property is a sub-property of the Flexible Box Layout module. The justify-content property is one of the CSS3 properties. Initial Value flex-start Applies to Flex containers. Inherited No. Animatable No. Version CSS3 DOM Syntax object.style.justifyContent =…

The isolation property allows to create a new stacking context. It can be used with the mix-blend-mode property. When the background-blend-mode is used the isolation property is not needed. Background elements do not blend with the content which is behind them because these elements are isolated in their nature. The isolation property can also seem invalid when used with the translate…

The initial-letter property specifies the first letter and the number of lines it occupies. This property appears in newspapers where the first letter is larger than the rest of the content. This property has three values: normal, <number>, <integer>. Initial Value normal Applies to ::first-letter pseudo-elements and inline-level first child of a block container. Inherited No. Animatable No.…

The CSS @import at-rule is used to import style rules from other style sheets and to support media queries. The @import keyword must be followed by the URI of the style sheet to include. A string is also allowed. It must be at the top of the document but after the @charset rule. Initial Value – Applies to – Inherited No.…

The image-rendering property sets an image scaling algorithm. By default, each browser will apply to aliasing to the scaled image to prevent distortion, but a problem can arise if you want to keep the original pixelated form of the image. Initial Value auto Applies to All elements. Inherited Yes. Animatable Discrete. Version CSS3 DOM Syntax object.style.imageRendering = “pixelated”; Syntax…

The hyphens property defines how words should be hyphenated when text wraps across the lines of text. The hyphens property can take three values: none, manual, auto. It allows preventing hyphenation or allow it, or only allow it when certain characters are present. Initial Value manual Applies to All elements. Inherited Yes. Animatable No. Version CSS3 DOM Syntax Object.style.hyphens…

The height property is used to set an element’s height. This property does not include padding, borders, or margins. The height property can be specified by “px”, “cm”, “vh” or by percentages. The default value is “auto”. If the min-height and max-height properties are used, it will override the height property. If height is set to one of the numeric values like (r)em, px or %, and if…