/*The box-shadow property attaches one or more shadows to an element
syntax: box-shadow: none|h-shadow v-shadow blur spread color |inset|initial|inherit;
h-shadow: Required. The position of the horizontal shadow. Negative values are allowed
v-shadow: Required. The position of the vertical shadow. Negative values are allowed
blur: Optional. The blur distance
spread: Optional. The size of shadow. Negative values are allowed */
div {
box-shadow: 10px 10px 5px #888888;
}
/* border-radius */
div {border-radius: 5px;}
/*The width and height properties (and min/max properties) includes content,
padding and border, but not the margin
*/
div { box-sizing: border-box; }
/* This is the default. The width and height properties (and min/max properties)
includes only the content. Border, padding, or margin are not included*/
div { box-sizing: content-box; }
/* width and height includes content, padding but not border & margin
*/
div { box-sizing: padding-box; }
/* Without box-sizing property set to border-box, any padding or border we add,
expands the box outwards and increases its width & height */