Font
There are many properties related to the font, such as the face, weight, style, etc. These properties allow you to change the style or complete look of your text.
Font-Family
Font-Style
Font-Variant
Font-Weight
Font-Size
Font
Text
Text properties allow one to manipulate alignment, spacing, decoration, indentation, etc., in the document.
Text-Align
Letter-Spacing
Text-Decoration
Word-Spacing
Text-Transform
Text-Indent
Line-Height
Background
As the name suggests, these properties are related to background, i.e., you can change the color, image, position, size, etc., of the document.
Background-Image
Background-Position
Background-Size
Background-Repeat
Background-Attachment
Background-Color
Background
Border
Border properties are used to change the style, radius, color, etc., of buttons or other items of the document.
Border-Width
Border-Style
Border-Color
Border-Radius
Border
Box Model
In laymen's terms, the CSS box model is a container that wraps around every HTML element. It consists of margins, borders, padding, and the actual content. It is used to create the design and layout of web pages.
Float
Clear
Display
Height
Width
Margin
Padding
Overflow
Visibility
Colors
With the help of the color property, one can give color to text, shape, or any other object.
Color
Opacity
Template Layout
Specifies the visual look of the content inside a template
Box-Align
Box-Direction
Box-Flex
Box-Flex-Group
Box-Orient
Box-Pack
Box-Sizing
max-width
min-width
max-height
min-height
Table
Table properties are used to give style to the tables in the document. You can change many things like border spacing, table layout, caption, etc.
Border-Collapse
Empty-Cells
Border-Spacing
Table-Layout
Caption-Side
Columns
These properties are used explicitly with columns of the tables, and they are used to give the table an incredible look.
Column-Count
Column-Gap
Column-rule-width
Column-rule-style
Column-rule-color
Column-width
Column-span
List & Markers
List and marker properties are used to customize lists in the document.
List-style-type
List-style-position
List-style-image
Marker-offset
Animations
CSS animations allow one to animate transitions or other media files on the web page.
Animation-name
Animation-duration
Animation-timing-function
Animation-delay
Animation-iteration-count
Animation-direction
Animation-play-state
Animation-fill-mode
Transitions
Transitions let you define the transition between two states of an element.
Transition-property
Transition-duration
Transition-timing-function
Transition-delay
CSS Flexbox
Flexbox is a layout of CSS that lets you format HTML easily. Flexbox makes it simple to align items vertically and horizontally using rows and columns. Items will "flex" to different sizes to fill the space. And overall, it makes the responsive design more manageable.
Parent Properties (flex container)
display
flex-direction
flex-wrap
flex-flow
justify-content
align-items
align-content
Child Properties (flex items)
order
flex-grow
flex-shrink
flex-basis
flex shorthand
align-self
CSS Grid
Grid layout is a 2-Dimensional grid system to CSS that creates complex responsive web design layouts more easily and consistently across browsers.