The parts of a box are the content, padding, border and margin.
Padding and margin can be in a length value or a percentage. Padding is the space inside the border. Margin is the space outside the border.You can combine border properties with the border property.
border-style can be none, dotted, dashed, solid, double, groove, ridge, inset, outset.
border-width can be a length value or thin,medium or thick
border-color and background-color are other options.
boxes can have a width (length or percentage of the parent element) or a height (length) as well as a float property which can be left,right or none. This helps control word wrap, and acts a bit like the align attribute in HTML.
Boxes can have a background image.
Boxes can have different borders, padding and margin on different sides.
You can also use shorthand to specify multiple values.
It looks like this
padding:10px 20px 30px 40px
If there is only one value, it applies to all sides.
If there are two values, the top and bottom paddings are set to the first value and the right and left paddings are set to the second.
If there are three values, the top is set to the first value, the left and right are set to the second, and the bottom is set to the third.
If there are four values, they apply to the top, right, bottom, and left, respectively.
