CSS box model: Difference between revisions

Revision as of 01:56, 20 November 2015

Revision as of 21:54, 31 December 2015

Line 12:

For example, the following CSS code

<source lang="css">

<code>

:.myClass {

: width: 200px;

: height: 100px;

: padding: 10px;

: border: solid 10px black;

: margin: 10px;

:}

</codesource>

will specify the box dimensions of each block belonging to 'myClass'. Moreover, each such box will have total height 160px and width 260px, which is the sum of the content, padding, border and margin.