Sponsor of the Day:
Jerkmate
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/--*
Custom properties (--*): CSS variables - CSS | MDN
Property names that are prefixed with --, like --example-name, represent custom properties that contain a value that can be used in other declarations using...
custom propertiescss variablesmdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Cascade/Shorthand_properties
Shorthand properties - CSS | MDN
Shorthand properties are CSS properties that let you set the values of multiple other CSS properties in one declaration. Using a shorthand property, you can...
properties cssshorthandmdn
https://css-tricks.com/cool-hover-effects-using-background-properties/
Cool Hover Effects That Use Background Properties | CSS-Tricks
May 26, 2022 - A while ago, Geoff wrote an article about a cool hover effect. The effect relies on a combination of CSS pseudo-elements, transforms, and transitions. A lot
hover effectsuse backgroundproperties csscooltricks
https://web.dev/blog/baseline-devtools-css
Baseline for CSS properties now in Chrome DevTools | Blog | web.dev
Baseline information is now available for CSS properties in the Elements panel of Chrome DevTools!
blog web devcss propertieschrome devtoolsbaseline
https://csstopsites.com/
CSS Backgrounds Guide - Black Background & CSS Background Properties | CSS Top Sites
Complete CSS background guide featuring black backgrounds, background-color, background-image properties. Learn professional CSS background techniques with...
css backgroundstop sitesguideblackproperties
https://designsurface.dev/cascade
Cascade — Icons for CSS Properties
An open-source icon set where every icon represents a CSS property–value pair. Copy as SVG or React component. Built for design tools, inspectors, and...
css propertiescascadeicons
https://www.caniemail.com/features/css-column-layout-properties/
Can I email… css column properties
Supported in Apple Mail, Gmail. Partially supported in Outlook. Not supported in Yahoo! Mail.
csscolumnproperties
https://css-tricks.com/maybe-dont-use-custom-properties-in-shorthand-properties/
Maybe don't use custom properties in shorthand properties | CSS-Tricks
Mar 6, 2025 - This easily qualifies as a
use customcss tricksmaybepropertiesshorthand
https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Logical_properties_and_values/Sizing
Logical properties for sizing - CSS | MDN
In this guide, we will explain the flow-relative mappings between physical dimension properties and logical properties used for sizing elements on our pages.
logical propertiessizing cssmdn
https://css-tricks.com/poll-results-how-do-you-order-your-css-properties/
Poll Results: How do you order your CSS properties? | CSS-Tricks
Jul 18, 2024 - Over 10,000 people have spoken: the most popular way to order CSS properties is grouped by type.
poll resultscss propertiesordertricks
https://caniuse.com/css-logical-props
CSS Logical Properties | Can I use... Support tables for HTML5, CSS3, etc
css logical propertiesuse support tableshtml5 css3 etc
https://css-tricks.com/css-charts-grid-custom-properties/
More CSS Charts, with Grid & Custom Properties | CSS-Tricks
Aug 11, 2017 - I loved Robin's recent post, experimenting with CSS Grid for bar-charts. I've actually been using a similar approach on a client project, building a
css chartscustom propertiesgridtricks
https://regex101.com/library/yO7aQ4
regex101: grab valid css rules and properties
Search, filter and view user submitted regular expressions in the regex library. Over 20,000 entries, and counting!
valid cssregex101grabrulesproperties
https://bitsofco.de/how-positioning-css-properties-interact/
How Positioning CSS Properties Interact | bitsofcode
Articles on frontend development and more.
positioning csspropertiesinteractbitsofcode
https://frontendmasters.com/blog/important-and-css-custom-properties/
!important and CSS Custom Properties – Frontend Masters Blog
The `!important` part doesn't become part of the value, the whole declaration is treated as !important;
css custom propertiesfrontend masters blogimportant
https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Cascading_variables/Using_custom_properties
Using CSS custom properties (variables) - CSS | MDN
Custom properties (sometimes referred to as CSS variables or cascading variables) are entities defined by CSS authors that represent specific values to be...
css custom propertiesusingvariablesmdn
https://htmldog.com/references/css/properties/
CSS Properties | HTML Dog
css propertieshtmldog
https://css-tricks.com/how-i-made-an-icon-system-out-of-css-custom-properties/
How I Made an Icon System Out of CSS Custom Properties | CSS-Tricks
Sep 28, 2022 - SVG is the best format for icons on a website, there is no doubt about that. It allows you to have sharp icons no matter the screen pixel density, you can
css custom propertiesmadeiconsystemtricks
https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Logical_properties_and_values/Basic_concepts
Basic concepts of logical properties and values - CSS | MDN
The CSS logical properties and values module defines flow-relative mappings for many of the physical properties and values in CSS. This article discusses this...
basic conceptslogical propertiesvalues cssmdn
https://blogs.igalia.com/mrego/playing-with-the-new-caret-css-properties/
Playing with the new caret CSS properties
Some quick experiments playing with the new caret-animation and caret-shape CSS properties that Igalia is developing in Chromium.
caret cssplayingnewproperties
https://css-tricks.com/tag/custom-properties/
custom properties Archives - CSS-Tricks
archives css trickscustom properties
https://tailwindcss.com/blog/tailwindcss-v3-3
Tailwind CSS v3.3: Extended color palette, ESM/TS support, logical properties, and more - Tailwind...
Tailwind CSS v3.3 is here — bringing a bunch of new features people have been asking for forever, and a bunch of new stuff you didn't even know you wanted.
tailwind css v3color palettelogical propertiesextendedesm
https://css-tricks.com/tag/custom-properties/page/2/
custom properties Archives - Page 2 of 11 - CSS-Tricks
custom propertiescss tricksarchives211
https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Masking/Mask_properties
CSS mask properties - CSS | MDN
CSS masking is a technique that enables you to define visible portions of an element by applying a mask, which selectively reveals or hides parts of the...
css maskpropertiesmdn
https://specifyapp.com/blog/figma-to-css-custom-properties
How to sync design tokens from Figma to CSS Custom Properties | Specify
Learn how to collect design data from Figma to Specify and pull them in your project as CSS Custom Properties.
css custom propertiesdesign tokenssyncfigmaspecify
https://modern-css.com/typed-custom-properties-without-javascript/
CSS @property for Typed Custom Properties
Apr 26, 2026 - Define typed CSS custom properties with @property. Set syntax, inherits, and initial-value so the browser can animate and interpolate custom properties.
css propertycustom propertiestyped
https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Logical_properties_and_values
CSS logical properties and values - CSS | MDN
The CSS logical properties and values module defines logical properties and values that can control layout through logical rather than physical direction and...
css logical propertiesvaluesmdn
https://www.stefanjudis.com/today-i-learned/inset-is-a-shorthand-for-top-right-bottom-and-left/
inset – the shorthand for top, right, bottom and left CSS properties | Stefan Judis Web Development
Dec 22, 2021 - The logical inset property in CSS is a shorthand for the top, right, bottom and left CSS declarations.
stefan judis webtop rightleft cssinsetshorthand
https://dev.to/sharique_siddiqui_8242dad/unlocking-modern-layouts-with-css-logical-properties-and-media-queries-level-4-3maj
Unlocking Modern Layouts with CSS Logical Properties and Media Queries Level 4+ - DEV Community
Feb 5, 2026 - Responsive web design has grown immensely complex with a multitude of devices, languages, and... Tagged with css, advanced, webdev, frontend.
css logical propertiesmedia queries level4 dev communityunlockingmodern
https://www.w3.org/standards/history/css-variables-1/
CSS Custom Properties for Cascading Variables Module Level 1 publication history | Standards | W3C
The World Wide Web Consortium (W3C) is an international community where Member organizations, a full-time staff, and the public work together to develop Web...
css custom propertiesmodule level 1publication history standardscascadingvariables
https://drafts.csswg.org/css-logical/
CSS Logical Properties and Values Module Level 1
css logical propertiesmodule level 1values
https://css-tricks.com/css-logical-properties/
CSS Logical Properties | CSS-Tricks
Aug 31, 2018 - A property like margin-left seems fairly logical, but as Manuel Rego Casasnovas says:
css logical propertiestricks
https://www.developershome.com/wap/wcss/wcss_tutorial.asp?page=borderProperties
WCSS Tutorial: Learn WAP CSS border-style, border-width, border-color Properties through Examples
Learn How to Use the border-style, border-width and border-color Properties of WCSS
wcss tutorial learnborder stylecolor propertieswapwidth
https://www.caniemail.com/features/css-variables/
Can I email… CSS Variables (Custom Properties)
Supported in Apple Mail. Not supported in Gmail, Outlook, Yahoo! Mail.
css variablescustom properties
https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Logical_properties_and_values/Floating_and_positioning
Logical properties for floating and positioning - CSS | MDN
The CSS logical properties and values module contains logical mappings for the physical values of float and clear, and also for the positioning properties used...
logical propertiespositioning cssfloatingmdn
https://www.w3.org/TR/css-logical-1/
CSS Logical Properties and Values Module Level 1
css logical propertiesmodule level 1values
https://www.freecodecamp.org/news/complete-guide-to-css-transform-functions-and-properties/
CSS Transform Handbook – Complete Guide to CSS Transform Functions and Properties
Feb 17, 2025 - CSS transform allows you to translate, rotate, skew, scale, or add perspective effects to HTML elements. This tutorial discusses everything you need to know to...
css transformcomplete guidehandbookfunctionsproperties
https://adrianroselli.com/2020/10/a11yto-conf-css-display-properties-versus-html-semantics.html
a11yTO Conf: CSS Display Properties versus HTML Semantics — Adrian Roselli
Update In early July 2022 I re-tested these to see how the results shaped up after nearly two years and at least one promise: It’s Mid-2022 and Browsers...
css displayhtml semanticsadrian rosellia11ytoconf
https://css-tricks.com/css-logical-properties-and-values/
CSS Logical Properties and Values | CSS-Tricks
Nov 7, 2025 - Now that cross-browser support is at a tipping point, it's a good time to take a look at logical properties and values. If you're creating a website in
css logical propertiesvaluestricks