1. 1 Lesson 11

2. 2 Style Sheets Box Model Content (text,image,table) Margin Padding Border Box

3. 3 Dimensions - Example <!-- P {border: thin solid} --> This is some text contained in a box. This paragraph is contained in a box 100 pixels high. This paragraph is contained in a box 100 pixels wide.

4. 4

5. 5 Example - Padding Padding <!-- DIV {border: thin solid; width: 100px; margin-bottom: 5px} --> Mind is everything; what you think you become!

6. 6

7. 7 Border Properties Border-width Border-style Border-color

8. 8 Values for border styles solid double groove ridge inset outset none

9. 9

10. 10 DIV {margin-bottom: 20px} This is an example of border style using a thin border. This is a medium size border with groove style. This is an example of thick border with border style outset.

11. 11

12. 12 Example - border <!-- DIV {margin-bottom: 20px} --> This line is written in a box having inset style border and a border width of 1 centimeter. This line is written in a box having ridge style border and different border colors.

13. 13 Example - Margins P{margin-top:100px;margin-bottom:100px;margin- left:200px;margin-right:200px} The great thing in this world is not so much where we are, but in what direction we are moving This heading appears with a bottom margin of 100 pixels

14. 14