| Name | Description |
|---|---|
| content | width and height: The width and height of the content area. |
| Padding | The amount of space between the content area and the border. |
| Border | The thickness and style of the border surrounding the content area and padding |
| Margiin | The amount of space between the border and the outside edge of the element |
| Property | Description | Value |
|---|---|---|
| min-width | set the minimum width | none, <length>, <percentage> |
| width | defines the width of an element | auto, <length>, <percentage> |
| max-width | sets the maximum width | none, <length>, <percentage> |
| min-height | sets the minimum height | none, <length>, <percentage> |
| height | defines the height of the element | auto, <length>, <percentage> |
| max-height | sets the maximum height | none, <length>, <percentage> |
| margin | space outside the border | auto, <length>, <percentage> |
| padding | space inside the border | <length>, <percentage> |
| border | defines the border | <width>, <style>, <color> |
| border-width | sets the border thickness | <length>, thin, medium, thick |
| border-style | Defines the border style | none, hidden, dotted, dashed, solid, double, groove, ridge, inset, outset |
| border-color | Sets the border color | <color> |
| box-sizing | Defines how width/height is calculated | content-box, border-box |
| Property | Description | Value |
|---|---|---|
| border-radius | Defines the corners of an element | <length>, <percentage> |
| border-top-left-radius | Defines the top left corner of an element | <length>, <percentage> |
| border-top-right-radius | Defines the top right corner of an element | <length>, <percentage> |
| border-bottom-left-radius | Defines the bottom left corner of an element | <length>, <percentage> |
| border-bottom-right-radius | Defines the bottom right corner of an element | <length>, <percentage> |
| Property | Description | Value |
|---|---|---|
| outline | creates an outline around the element(outside the border) | <width>, <style>, <color> |
| outline-width | sets the outline thickness | <length>, thin, medium, thick |
| outline-style | sets the outline style | none, hidden, dotted, dashed, solid, double, groove, ridge, inset, outset |
| outline-color | sets the outline color | <color> |
| display | determines how an element is displayed | block, inline, inline-block, flex, grid, none |
| visibility | controls whether an element is visible | visible, hidden, collapse |
| opacity | sets the transparency of an element | 0 fully transparent to 1 fully opaque |
| box-shadow | applies shadow to an element | <offset-x> <offset-y> <blur-radius> <spread-radius>, <color> |