Difference between revisions of "Box model (CSS)"
From Wiki @ Karl Jones dot com
Karl Jones (Talk | contribs) (→External links) |
Karl Jones (Talk | contribs) (→External links) |
||
| Line 21: | Line 21: | ||
* [https://en.wikibooks.org/wiki/Cascading_Style_Sheets/Box_Model Cascading Style Sheets/Box Model] | * [https://en.wikibooks.org/wiki/Cascading_Style_Sheets/Box_Model Cascading Style Sheets/Box Model] | ||
| + | * [https://www.w3.org/wiki/The_CSS_layout_model_-_boxes_borders_margins_padding CSS layout model - boxes borders margins padding] | ||
| + | * [https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Box_Model/Introduction_to_the_CSS_box_model Introduction to the CSS Box model] @ developer.mozilla.org | ||
| + | * [https://css-tricks.com/the-css-box-model/ The CSS Box model] @ CSS-Tricks | ||
* [http://www.w3schools.com/css/css_boxmodel.asp CSS Box Model] @ w3schools.com | * [http://www.w3schools.com/css/css_boxmodel.asp CSS Box Model] @ w3schools.com | ||
| + | * [http://learn.shayhowe.com/html-css/opening-the-box-model/ Opening the Box model] @ learn.shawhowe.com | ||
| + | * [https://www.khanacademy.org/computing/computer-programming/html-css/css-layout-properties/p/css-box-model# CSS Box model] @ khanacademy.org | ||
| + | * [https://www.w3.org/TR/CSS2/box.html CSS2 Box model] @ w3.org | ||
| + | * [http://www.sitepoint.com/web-foundations/css-box-model/ The CSS Box model] - Adam Roberts | ||
| + | * [http://www.sitepoint.com/web-foundations/collapsing-margins/ Collapsing margins] - Adam Roberts | ||
| + | |||
| + | |||
Revision as of 12:37, 25 April 2016
In Cascading Style Sheets, the box model defines the web page layout of HTML elements.
Description
The box model is a rectangular box that wraps around elements.
The box has several layers, nested inside each other:
- Margins
- Borders
- Padding
- Content
See also
External links
- Cascading Style Sheets/Box Model
- CSS layout model - boxes borders margins padding
- Introduction to the CSS Box model @ developer.mozilla.org
- The CSS Box model @ CSS-Tricks
- CSS Box Model @ w3schools.com
- Opening the Box model @ learn.shawhowe.com
- CSS Box model @ khanacademy.org
- CSS2 Box model @ w3.org
- The CSS Box model - Adam Roberts
- Collapsing margins - Adam Roberts
