Category: Basic

CSS hyphenate-character property allows you to specify the character that should be used as the hyphenation point when text is hyphenated using the hyphens property. When text is hyphenated, the browser will insert a hyphen character at appropriate points within words. Syntax hyphenate-character: auto | string | initial | inherit; Property Values Value Description auto Suitable character is selected…

CSS height property specifies the height of an element. It determines how tall an element will be, affecting its layout and positioning within the document. The property can be applied to block-level elements, inline-block elements, and replaced elements like images. Syntax height: auto | length | percentage | min-content | max-content | initial | inherit; Property Values…

The translate Property The translate property of CSS allows you to move an element along the X-axis (horizontal), Y-axis (vertical), and Z-axis (depth). The translate property is similar to the translate() function of the transform property. The only difference between the two is that the latter does not support the Z-axis setting. Syntax The syntax for the CSS translate property is as follows: translate: x-axis…

The zoom Property CSS zoom property is used to control the magnification level of HTML elements. The zoom property is a non-standard property of CSS and it is advisable to use the scale() function with the transform property to achieve the same output. Syntax The syntax for the CSS zoom property is as follows: zoom: normal | percentage | number; Possible Values Value…

CSS focus effects are used to make form elements like input fields, buttons, and links more dynamic and engaging for users interacting with the webpage. The :focus pseudo-class in CSS is used to target an element when it receives focus (by clicking on it or by pressing tab). Its purpose is to apply styles or trigger specific…

The display Property CSS display property specifies the behaviour of HTML elements. It defines how an elements is displayed on the webpage. Syntax display: value; Display Property Values Value Description inline It displays the element as an inline element on which width and height properties do not have any effect. Default. block It displays the element…

CSS hover effects are used to make interactive elements such as buttons and links more interactive. The :hover pseudo-class in CSS is used to target an element when the user hovers over it with the mouse cursor. Its purpose is to apply styles to improve the user experience. The :hover property can be used in various scenarios…

The hyphens Property The CSS hyphens property controls how words are broken into lines when text is too long to fit on a single line. It improves the readability of text that wraps across multiple lines. The property only applies to block-level elements. Syntax The syntax for the hyphens property is as follows: hyphens: none | manual | auto…

The position Property CSS position property specifies the position of an element in a web page. CSS properties such as top, bottom, right, and left are used to control the exact position of an element in the web page. The position property can be used to create floating elements, a floating sidebar, and other interactive features. Syntax The syntax for the CSS position property is as…

CSS order property is used to specify the order in which flex items appear within a flex container. The order of the flex items is determined by the values of their order property. The flex items with the lower order value will be displayed first. Syntax order: number | initial | inherit; Property Values Value Description number…