CSS Reference
CSS Property Reference
Every CSS property explained with syntax, values, examples, and browser support.
Last updated: October 2026
What this is: A complete, alphabetical reference of CSS properties. Each page covers syntax, every value, live examples, common mistakes, and browser support.
📚 All CSS Reference Pages
color
Foreground text color. Hex, RGB, HSL, OKLCH, and named colors.
display
Block, inline, inline-block, flex, grid, none. The layout control property.
flex
The one-dimensional layout system. Rows, columns, alignment, and distribution.
grid
The two-dimensional layout system. Rows, columns, spanning, and named areas.
position
static, relative, absolute, fixed, and sticky. The full positioning system.
margin
Outer spacing. Shorthand, auto centering, negative margins, and collapse.
padding
Inner spacing. Shorthand, box-sizing, and button accessibility.
border
Width, style, color, and border-radius. Every style and shorthand.
font-size
px, em, rem, vw, and clamp(). Accessible typography rules.
background
Colors, images, gradients, and multiple layers. The complete shorthand.
width & height
max-width, box-sizing, aspect-ratio, and every sizing unit.
z-index
Stacking order, stacking contexts, and how to fix z-index problems.
text-align
left, right, center, justify, start, end. Horizontal text alignment.
box-shadow
Offset, blur, spread, inset, and elevation systems. Focus rings too.
transform
translate, rotate, scale, skew, 3D. The foundation of CSS animation.
transition
Duration, easing, delay. Smooth state changes for any UI.