Scribd
Upload
2 views

CSS_All_Properties_Reference

Uploaded by

Swapnil Bramhadandi
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
2 views

CSS_All_Properties_Reference

Uploaded by

Swapnil Bramhadandi
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

All CSS Properties - Quick Reference Guide

Property Used In Purpose

color Text elements Sets the text color.

font-size Text elements Defines the text size.

font-family Text elements Specifies the font style.

font-weight Text elements Defines text boldness.

font-style Text elements Specifies italic or normal text.

text-align Text elements Aligns text (left, center, right, justify).

text-decoration Text elements Adds effects like underline or strike-through.

text-transform Text elements Controls uppercase and lowercase text.

letter-spacing Text elements Adjusts space between letters.

line-height Text elements Defines spacing between lines.

word-spacing Text elements Adjusts space between words.

width Block elements Sets the width of an element.

height Block elements Sets the height of an element.

max-width Block elements Sets maximum width.

max-height Block elements Sets maximum height.

min-width Block elements Sets minimum width.

min-height Block elements Sets minimum height.

margin All elements Sets space outside an element.

padding All elements Sets space inside an element.

border All elements Defines a border around an element.

border-radius All elements Rounds the corners of an element.

box-shadow All elements Adds a shadow around an element.

background-color All elements Sets the background color.

background-image All elements Sets a background image.


background-size All elements Defines the size of a background image.

background-repeat All elements Controls image repetition.

background-position All elements Sets the position of a background image.

display All elements Defines visibility and layout (block, inline, flex).

position All elements Controls element positioning (static, relative, absolute, fix

top Positioned elements Moves an element from the top.

bottom Positioned elements Moves an element from the bottom.

left Positioned elements Moves an element from the left.

right Positioned elements Moves an element from the right.

z-index Positioned elements Controls stacking order.

overflow Block elements Handles content overflow (visible, hidden, scroll, auto).

visibility All elements Controls element visibility (visible, hidden).

opacity All elements Sets transparency level (0 to 1).

display Flex container Sets flex container (flex, inline-flex).

flex Flex items Defines grow, shrink, and basis for items.

flex-direction Flex container Defines row or column layout.

justify-content Flex container Aligns items horizontally.

align-items Flex container Aligns items vertically.

align-self Flex items Aligns a single item vertically.

display Grid container Defines grid container (grid, inline-grid).

grid-template-columns Grid container Defines columns in a grid.

grid-template-rows Grid container Defines rows in a grid.

grid-gap Grid container Sets gap between grid items.

transition All elements Defines smooth animation effects.

animation All elements Applies keyframe animations.

transform All elements Applies transformations (scale, rotate, translate).

cursor All elements Changes the cursor appearance.


pointer-events All elements Defines if an element can be interacted with.

You might also like