CSS Box Properties Cheat Sheet

The CSS box model is essentially a box that wraps around every HTML element.

box-sizing: border-box | content-boxBox Sizing
margin: 2px 4px 6px 8px | 0 autoMargin
padding: 2px 4px 6px 8pxPadding
border-color: #2AA9E0Border Color
border-style: none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outsetBorder Style
border-width: 10pxBorder Width

Leave a Reply

Your email address will not be published. Required fields are marked *