Div Section Paragraph H1 H2 H3 Input textfilepasswordemailcheckboxnumberradiodate Button SVG(Icon) Aside Details Header Footer Nav Form Label Upload Media Upload from Pixels Presets

line
line joinclose line
circle
curve
rectangle Line (L) Horizontal (H) Vertical (V) Cubic Bezier (C)

Naming

Text and Font Properties

color

font family Roboto Open Sans Lato Montserrat Poppins Raleway Nunito Playfair Display Oswald Merriweather Inter Source Sans Pro Ubuntu PT Sans Quicksand Work Sans Josefin Sans Rubik Pacifico Lobster

text transform none uppercase lowercase capitalize

line height

letter spacing px

Box Model (Spacing & Borders)

margin px

padding px

border

border radius px

box sizing content-box border-box

width height

max-width min-height

Background and Colors

+ add background remove background

background image

background size auto cover contain

background position

background repeat repeat no-repeat repeat-x repeat-y

object fit cover contain

opacity

Positioning and Layout

position position static relative absolute fixed sticky

z-index

display block inline inline-block flex grid none

float none left right

overflow visible hidden scroll auto

visibility visible hidden collapse

Flexbox and Grid

flex direction row row-reverse column column-reverse

justify content flex-start flex-end center space-between space-around space-evenly

align items stretch flex-start center flex-end baseline

flex wrap nowrap wrap wrap-reverse

grid-template-columns

grid-template-rows

gap

Transforms and Animations

transform

transition

animation

Miscellaneous Properties

cursor default pointer move text not-allowed

box shadow

filter

user select auto none text all

pointer events auto none

clip path