CSS inherited properties cheatsheet

The CSS specification clearly states which CSS properties are inherited but the related appendix is not the most user-friendly resource. Here's a quick reference of the inherited properties that you are most likely to run into:

More like this

Collection · 21 articles
Cheatsheets

A collection of cheatsheets to bookmark and come back to whenever you need to look up anything.
CSS · May 12, 2025
Logical and physical CSS properties equivalents

New to CSS logical properties? This article provides a handy map of logical properties to their physical counterparts.
CSS · May 15, 2025
Using the inset CSS property

The inset shorthand property makes element positioning in CSS easier. Learn how to use it effectively in your projects.
CSS · June 12, 2021
Flexbox Cheat Sheet

Flexbox allows you to create fluid layouts easily. If you are constantly looking up how it works, this handy cheatsheet is all you need.

[interactive='false']::after { display: block; content: 'Some interactive features on this page may not work as expected. \00000aPlease enable JavaScript and reload the page to use all features.'; padding-inline: var(--layout-bleed-width); padding-block: var(--spacing-6); background: var(--color-background-light); border: var(--border-width-thin) solid var(--color-caution); border-radius: var(--layout-border-radius); white-space: pre-wrap; text-align: center; margin-block-start: var(--layout-row-spacing); }

CSS inherited properties cheatsheet

More like this

Cheatsheets

Logical and physical CSS properties equivalents

Using the inset CSS property

Flexbox Cheat Sheet