Web Design Course - Lecture 9 - Border, Padding and Margin, Display

1. WEB DESIGN

2. CSS
Border
Outline
1
2
Margin
Padding
3
4
Display55
Positioning6

3. Border
p.dotted {border-style: dotted;}
p.dashed {border-style: dashed;}
p.solid {border-style: solid;}
p.double {border-style: double;}
p.groove {border-style: groove;}
p.ridge {border-style: ridge;}
p.inset {border-style: inset;}
p.outset {border-style: outset;}
p.none {border-style: none;}
p.hidden {border-style: hidden;}
p.mix {border-style: dotted dashed solid double;}
border-left: 6px solid red;

4. Outline
p.dotted {outline-style: dotted;}
p.dashed {outline-style: dashed;}
p.solid {outline-style: solid;}
p.double {outline-style: double;}
p.groove {outline-style: groove;}
p.ridge {outline-style: ridge;}
p.inset {outline-style: inset;}
p.outset {outline-style: outset;}

5. Margin
margin:
margin-top
margin-right
margin-bottom
margin-left
margin: 2px 3px 5px 2px;
margin: 2px 3px;

6. Padding
padding:
padding-top
padding-right
padding-bottom
padding-left
Padding: 2px 3px 1px 5px;
Padding: 2px 4px;

7. Display
display: inline;
display: block;
display: none;
visibility: hidden;

8. Position
static
relative
fixed
absolute

9. THANK YOU