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 19: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