Category: Basic
-
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 Property
CSS clip property is used to create a clipping region for an element, which defines the visible area of the element. Only the specified region will be visible and other regions will be hidden. The clip property only applies to elements with absolute or fixed positioning. Syntax clip: auto | shape | initial | inherit; Property Values…
-
Counters
CSS counters act as variables that are used for numbering purposes. They can be increased or decreased by CSS rules. Counters enable us to modify the presentation of content depending on its position. For instance, you can use counters to automatically assign numbers to paragraphs, headings, and lists. body{counter-reset: section;}/* A simple counter when a…
-
Box Model
CSS Box Model is a fundamental concept in CSS (Cascading Style Sheets) that define how an elements on a web page will be structured and displayed. It defines the properties and behavior of the content, padding, borders, and margins of an element. Here in this article you will learn all about the CSS Box Model. What is CSS box model?…
-
root Selector
CSS :root selector in CSS is a pseudo-class that matches the root element of a document tree. In the case of HTML documents, :root represents the <html> element itself, so this selector is identical to the html element selector. But the :root selector have more specificity than HTML element selector. Syntax /* Selects the root element (<html>)…
-
Combinators
CSS Combinators used to specify a particular relationship between selectors so that styling can be done based on relationship between elements in HTML structure. In other words combinators help you target elements based on their position and hierarchy within the HTML document. For example, with combinators you can style paragraph element that palaced immediately after…
-
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…
-
Loaders
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 loading progress. CSS loaders are commonly used to improve user experience by visually indicating that content is being loaded…
-
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. Syntax /* This is a comment */p{color: red;/* Set text color to red */} CSS comments are intended for the benefit of developers and are ignored by the browser when rendering a…