CSS box properties are really important for learning CSS. In CSS we have seen many properties like color properties, background properties, text properties, table properties, box properties etc. Following are most used CSS box properties:
| Property | Description | CSS |
|---|---|---|
| bottom | Specifies the bottom position of a positioned element | 2 |
| clear | Specifies which sides of an element where other floating elements are not allowed | 1 |
| display | Specifies how a certain HTML element should be displayed | 1 |
| float | Specifies whether or not a box should float | 1 |
| height | Sets the height of an element | 1 |
| left | Specifies the left position of a positioned element | 2 |
| margin | Sets all the margin properties in one declaration | 1 |
| margin-bottom | Sets the bottom margin of an element | 1 |
| margin-left | Sets the left margin of an element | 1 |
| margin-right | Sets the right margin of an element | 1 |
| margin-top | Sets the top margin of an element | 1 |
| max-height | Sets the maximum height of an element | 2 |
| max-width | Sets the maximum width of an element | 2 |
| min-height | Sets the minimum height of an element | 2 |
| min-width | Sets the minimum width of an element | 2 |
| overflow |
Specifies what happens if content overflows an element's box | 2 |
| overflow-x | Specifies whether or not to clip the left/right edges of the content, if it overflows the element's content area | 3 |
| overflow-y | Specifies whether or not to clip the top/bottom edges of the content, if it overflows the element's content area | 3 |
| padding | Sets all the padding properties in one declaration | 1 |
| padding-bottom | Sets the bottom padding of an element | 1 |
| padding-left | Sets the left padding of an element | 1 |
| padding-right | Sets the right padding of an element | 1 |
| padding-top | Sets the top padding of an element | 1 |
| position | Specifies the type of positioning method used for an element (static, relative, absolute or fixed) | 2 |
| right | Specifies the right position of a positioned element | 2 |
| top | Specifies the top position of a positioned element | 2 |
| visibility | Specifies whether or not an element is visible | 2 |
| width | Sets the width of an element | 1 |
| vertical-align | Sets the vertical alignment of an element | 1 |
| z-index | Sets the stack order of a positioned element | 2 |
