DEV Community

Bhaskar Rana
Bhaskar Rana

Posted on

CSS All Properties List

When we are designing a web application, our main focus is always to improve visitor's overall experience so that our business can grow exponentially.

This can only be achieved if every element in our website is placed at its best position as well as its content is easily readable.
This can not only increase the visitors overall time on our website but also can help grow our business faster.

The long in short, the every webpage of our website should be stunning.

To achieve this we should have a good knowledge of CSS and to have a good understanding of CSS, we must have a good understanding of all CSS properties.

So, in this article, I am providing you a list of all CSS properties along with a link to a great resource so that you can understand each property with live examples.

List of all CSS Properties:

1 . CSS align-content Property
2 . CSS align-items Property
3 . CSS align-self Property
4 . CSS all Property
5 . CSS animation Property
6 . CSS animation-delay Property
7 . CSS animation-direction Property
8 . CSS animation-duration Property
9 . CSS animation-fill-mode Property
10 . CSS animation-iteration-count Property
11 . CSS animation-name Property
12 . CSS animation-play-state Property
13 . CSS animation-timing-function Property
14 . CSS backface-visibility Property
15 . CSS background Property
16 . CSS background-attachment Property
17 . CSS background-blend-mode Property
18 . CSS background-clip Property
19 . CSS background-color Property
20 . CSS background-image Property
21 . CSS background-origin Property
22 . CSS background-position Property
23 . CSS background-repeat Property
24 . CSS background-size Property
25 . CSS border Property
26 . CSS border-bottom Property
27 . CSS border-bottom-color Property
28 . CSS border-bottom-left-radius Property
29 . CSS border-bottom-right-radius Property
30 . CSS border-bottom-style Property
31 . CSS border-bottom-width Property
32 . CSS border-collapse Property
33 . CSS border-color Property
34 . CSS border-image Property
35 . CSS border-image-outset Property
36 . CSS border-image-repeat Property
37 . CSS border-image-slice Property
38 . CSS border-image-source Property
39 . CSS border-image-width Property
40 . CSS border-left Property
41 . CSS border-left-color Property
42 . CSS border-left-style Property
43 . CSS border-left-width Property
44 . CSS border-radius Property
45 . CSS border-right Property
46 . CSS border-right-color Property
47 . CSS border-right-style Property
48 . CSS border-right-width Property
49 . CSS border-spacing Property
50 . CSS border-style Property
51 . CSS border-top Property
52 . CSS border-top-color Property
53 . CSS border-top-left-radius Property
54 . CSS border-top-right-radius Property
55 . CSS border-top-style Property
56 . CSS border-top-width Property
57 . CSS border-width Property
58 . CSS bottom Property
59 . CSS box-decoration-break Property
60 . CSS box-shadow Property
61 . CSS box-sizing Property
62 . CSS caption-side Property
63 . CSS caret-color Property
64 . CSS @charset Property
65 . CSS clear Property
66 . CSS clip Property
67 . CSS color Property
68 . CSS column-count Property
69 . CSS column-fill Property
70 . CSS column-gap Property
71 . CSS column-rule Property
72 . CSS column-rule-color Property
73 . CSS column-rule-style Property
74 . CSS column-rule-width Property
75 . CSS column-span Property
76 . CSS column-width Property
77 . CSS columns Property
78 . CSS content Property
79 . CSS counter-increment Property
80 . CSS counter-reset Property
81 . CSS cursor Property
82 . CSS empty-cells Property
83 . CSS flex Property
84 . CSS flex-basis Property
85 . CSS flex-direction Property
86 . CSS flex-flow Property
87 . CSS flex-grow Property
88 . CSS flex-shrink Property
89 . CSS font-family Property
90 . CSS font-size Property
91 . CSS font-size-adjust Property
92 . CSS font-stretch Property
93 . CSS transform Property
94 . CSS font-style Property
95 . CSS font-variant Property
96 . CSS font-weight Property
97 . CSS grid-area Property
98 . CSS grid-auto-columns Property
99 . CSS grid-auto-flow Property
100 . CSS grid-column Property
101 . CSS grid-auto-rows Property
102 . CSS grid-column-end Property
103 . CSS grid-template-columns Property
104 . CSS grid-template-rows Property
105 . CSS grid-row-gap Property
106 . CSS grid-column-gap Property
107 . CSS grid-row-start Property
108 . CSS grid-column-start Property
109 . CSS grid-row-end Property
110 . CSS grid-gap Property
111 . CSS grid-row Property
112 . CSS grid-template-areas Property
113 . CSS grid-template Property
114 . CSS height Property
115 . CSS @import Property
116 . CSS justify-content Property
117 . CSS @keyframes Property
118 . CSS left Property
119 . CSS letter-spacing Property
120 . CSS line-height Property
121 . CSS list-style Property
122 . CSS list-style-image Property
123 . CSS list-style-position Property
124 . CSS list-style-type Property
125 . CSS margin Property
126 . CSS margin-bottom Property
127 . CSS margin-left Property
128 . CSS flex-wrap Property
129 . CSS margin-right Property
130 . CSS margin-top Property
131 . CSS max-height Property
132 . CSS min-height Property
133 . CSS max-width Property
134 . CSS min-width Property
135 . CSS opacity Property
136 .CSS order Property
137 . CSS utline Property
138 . CSS outline-color Property
139 . CSS outline-offset Property
140 . CSS outline-style Property
141 . CSS outline-width Property
142 . CSS overflow Property
143 . CSS overflow-x Property
144 . CSS overflow-y Property
145 . CSS padding Property
146 . CSS padding-bottom Property
147 . CSS padding-left Property
148 . CSS padding-right Property
149 . CSS padding-top Property
150 . CSS perspective Property
151 . CSS perspective-origin Property
152 . CSS pointer-events Property
153 . CSS position Property
154 . CSS quotes Property
155 . CSS resize Property
156 . CSS right Property
157 . CSS scroll-behavior Property
158 . CSS text-align Property
159 . CSS text-align-last Property
160 . CSS text-decoration Property
161 . CSS text-decoration-color Property
162 . CSS text-decoration-line Property
163 . CSS text-decoration-style Property
164 . CSS text-indent Property
165 . CSS text-overflow Property
166 . CSS text-shadow Property
167 . CSS text-transform Property
168 . CSS top Property
169 . CSS transform-origin Property
170 . CSS transition Property
171 . CSS transition-delay Property
172 . CSS transition-duration Property
173 . CSS transition-property Property
174 . CSS transition-timing-function Property
175 . CSS user-select Property
176 . CSS visibility Property
177 . CSS width Property
178 . CSS word-spacing Property
179 . CSS writing-mode Property
180 . CSS z-index Property

I hope this article will help you understand CSS more practically.

If you have any doubts regarding any of the property, please comment below.

Thanks.

Discussion (0)