The CSS Box Model

New to CSS? The first order of business is to understand how the box model works. Every element on a page should be seen as a box, with possible paddings, borders and margins. Here’s how it gets applied:

ContentPaddingBorderMarginTopBottomRightLeft

Note that if you apply a box-shadow to an element that’s not an inset box shadow, it’ll show outside the border, no matter the margins.

  Tweet It

🕵 Search Results

🔎 Searching...

Sponsored by #native_company# — Learn More
#native_title# #native_desc#
#native_cta#