Difference between revisions of "CSS: Box Model"
(Created page with "{{CSS}} In CSS every element is considered a box. The model below is the CSS box model <div style="border:2px solid black;border-radius:10px;width:300px;height:300px;" onmouseov...") |
|||
| Line 1: | Line 1: | ||
{{CSS}} | {{CSS}} | ||
| − | + | In CSS every element is considered a box. The model below is the CSS box model | |
<div style="border:2px solid black;border-radius:10px;width:300px;height:300px;" onmouseover="this.style.background='orange';" onmouseout="this.style.background='orange';"> | <div style="border:2px solid black;border-radius:10px;width:300px;height:300px;" onmouseover="this.style.background='orange';" onmouseout="this.style.background='orange';"> | ||
<p style="text-align:center;">Margin</p> | <p style="text-align:center;">Margin</p> | ||
Latest revision as of 20:57, 5 June 2012
| CSS |
| Basics - Backgrounds - Text - Box Model - Selectors and Combinators - Pseudo-class and Pseudo-element - Gradients - Animations and Transitions - CSS in AoPS - List of Elements |
In CSS every element is considered a box. The model below is the CSS box model
Margin
Border
Padding
Inner
