CSS Properties Reference
Complete guide to CSS properties with categories, examples, and copy functionality
transition
Smooth change effect
transition: all 0.3s ease;
Animations
animation
Keyframe animation
animation: slide 2s infinite;
Animations
border
Border style
border: 1px solid black;
Borders
border-radius
Rounded corners
border-radius: 5px;
Borders
color
Text color
color: #ff0000;
Colors
background-color
Background color
background-color: blue;
Colors
box-shadow
Shadow effect
box-shadow: 2px 2px 5px gray;
Effects
width
Element width
width: 100px;
Layout
height
Element height
height: 100px;
Layout
display
Display type
display: flex;
Layout
position
Positioning
position: absolute;
Layout
flex
Flex shorthand
flex: 1 0 auto;
Layout
grid-template-columns
Grid column layout
grid-template-columns: 1fr 2fr;
Layout
margin
Outer spacing
margin: 10px;
Spacing
padding
Inner spacing
padding: 10px;
Spacing
font-size
Text size
font-size: 16px;
Typography
font-family
Font family
font-family: Arial, sans-serif;
Typography
line-height
Line spacing
line-height: 1.5;
Typography
text-align
Text alignment
text-align: center;
Typography