Articles Tagged

An early preview of Chrome 139 includes six new CSS features, including the first hint of custom functions.…

There’s a bit of a blind spot when working with CSS logical properties concerning shorthands.

The @namespace at-rule can make a stylesheet target a specific code dialects, such as MathML, SVG, and XML. It works by declaring which dialect to scope using a namespace, which can be prefixed to match specific selectors, or non-prefixed to match every selector in the stylesheet.

The lch() color function specifies colors in the CIELAB color space. Unlike the lab() function — which uses Cartesian coordinates — the lch() function uses polar coordinates to set color in terms of its hue and chroma, which is generally more intuitive.

The @import at-rule merges a CSS file into another one. It’s written at the top of the document, before any other CSS (except @charset and @layer rules), so if we try to write any other rule before @import, it …

Donut scoping addresses the challenge of preventing parent styles from leaking to nested content. Originating from a 2011 concept by Nicole Sullivan, the issue has evolved, culminating in 2024's @scope at-rule. This allows for more precise CSS styling, safeguarding content from unwanted inheritance while managing global CSS complexities.

The @scope at-rule lets you apply styles to a specific area of the page. Think of it like setting a range where you want styles to start and end between two selectors. And the result is a scoped set of …

More times than I can count, while writing, I get myself into random but interesting topics with little relation to the original post. In the end, I have to make the simple but painful choice of deleting or archiving hours …

The @supports at-rule has been extended several times since its initial release. Once only capable of checking support for property/value pairs, it can now check for a selector using the selector() wrapper function and different font formats and techs using …