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
+
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