Every property. Your playground.
All 319 CSS properties are right here, one per row. Read the explanation, change the value, and watch that property's own preview update instantly. No opening and closing panels. No losing your edits.
The complete interactive directory
Each property has its own live demonstration, editable value and copyable CSS. Try a preset or type anything you like.
Real browser previews, not faked pictures. Most properties affect the live sample immediately. Some properties need printing, special fonts, browser support, scrolling, or another context. Those rows explain the limitation rather than displaying a misleading result. Your edits stay in place while you explore this page.
No matching CSS properties
Try a different word or clear your filters to see the full directory.
You learn CSS by changing CSS.
Experiment freely. The values here change the on-page demonstrations, not your website. When you find something useful, copy the CSS rule and test it in the context of your own project.
Back to all properties