This document discusses various CSS properties including border, outline, margin, padding, display, and positioning. It provides examples of how to set different border styles like dotted, dashed, solid and double. It also shows how to set outline, margin, padding and display properties. The last section covers CSS positioning values like static, relative, fixed and absolute.

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