Category: 01. Tutorials
-
Unicode-bidi Property
CSS unicode-bidi property is used to control how bidirectional text is displayed in a document. Bidirectional text contains both left-to-right (LTR) and right-to-left (RTL) text. The unicode-bidi property allows developers to override the default behavior of the browser and ensure that bidirectional text is displayed correctly. Possible Values Applies to All positioned elements, but some of the values have…
-
writing-mode Property
CSS writing-mode property is used to specify the direction of text content flows within an element. It specifies whether text should be displayed horizontally or vertically. It is particularly useful for handling text orientation in non-Latin scripts, such as Chinese, Japanese, and Arabic, as well as for creating creative and visually interesting layouts. Possible Values The lr, lr-tb,…
-
Clip (Obsolete) Property
CSS clipping property is used to create a clipping region for an element, which defines the visible area of the element. The clip property only applies to elements with absolute or fixed positioning. This chapter discusses how to use clip property. Though some browsers might still support it, this property is rarely used in modern…
-
Counters
In CSS, counters act as variables that are used for numbering purposes. They can be increased or decreased by css rules. Css counters enable us to modify the presentation of content depending on its position. For instance you can use the counters to automatically assign numbers to paragraphs, headings and lists. CSS Counters – Nesting Counters We can use the counters() function along…
-
Box Model
The box model is a fundamental concept in CSS (Cascading Style Sheets) that describes how elements on a web page are structured and displayed. It defines the properties and behavior of the content, padding, borders, and margins of an element. The significance of the box model in CSS is as follows: CSS box model The CSS box…
-
Root
The :root CSS pseudo-class is designed to select the root element within a document’s hierarchical structure. When applied to HTML, :root specifically points to the <html> element and behaves similarly to the `html` selector. Nonetheless, it’s worth emphasizing that :root possesses greater specificity when compared to `html`. This selector includes all HTML elements or tags. Using :root can be advantageous when declaring global…
-
Combinators
In CSS (Cascading Style Sheets), combinators are symbols or characters that specify the relationship between different HTML elements that you want to style. Combinators help you target elements based on their position and hierarchy within the HTML document. These combinators allow you to apply styles selectively based on the relationships between elements in your HTML structure, making…
-
Atrribute Selector Property
Description CSS attribute selectors allow you to select HTML elements based on the presence or value of one or more attributes. They are a powerful way to target specific elements in your HTML markup. Attribute selectors are enclosed in square brackets [] and can take various forms. The following sections discusses some common ways to…
-
LoadersLoadersLoaders
CSS loaders are animation effects that are used to indicate the loading process of a webpage. They are implemented using CSS and can be applied to various elements on a webpage, such as a spinner or a progress bar. CSS loaders are commonly used to improve user experience by visually indicating that content is being…
-
Comments
In CSS, comments are useful in adding explanatory notes or annotations within your stylesheet that are not interpreted as styling instructions by the web browser. CSS comments are intended for the benefit of developers and are ignored by the browser when rendering a web page. They are useful in documentation, debugging, etc. In CSS, there are two…