Content/Border Box Model (CSS)

Border Box Model
The padding occurs inside your content box (that is, inside the area your text or other content is contained) and it puts a 'pad' around it.

The margin occurs outside of your content box. This is an area that divides your content box (including any padding) from other content boxes.

A border occurs between the padding and the margin.

Border box is useful to use on its own instead of padding and margin, especially if you are doing responsive web design.
at
Labels: , , , , ,

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)

Web Development: Organizing Files and Folders

When you begin to build your website, it's a very clever idea to organize  your files and folders efficiently. You should have: A ...

  • Aliases in SQL
    Did you know you can list your tables as aliases in SQL? Say you have a table called "quiz" with unique user_id's. You cou...
  • JavaScript - Reserved Words
    Some words are reserved in JavaScript and cannot be used as variable names.  Some common examples are: case catch for let private th...
  • Content/Border Box Model (CSS)
    Border Box Model The padding occurs inside your content box (that is, inside the area your text or other content is contained) and it pu...