Web Design Course - Lecture 9 - Border, Padding and Margin, Display
- 1. WEB DESIGN
- 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;
- 9. THANK YOU