Posted By

AmyBella on 02/15/19


Tagged

styling border


Versions (?)

CSS Code for Border styling for blogger website


 / Published in: CSS
 

URL: http://digitalcuriosity.in/blog/

A simple explanation of border styling for a blogger website

  1. Border style property -
  2.  
  3. Types -
  4.  
  5. p.dotted {border-style: dotted;}
  6. p.dashed {border-style: dashed;}
  7. p.solid {border-style: solid;}
  8. p.double {border-style: double;}
  9. p.groove {border-style: groove;}
  10. p.ridge {border-style: ridge;}
  11. p.inset {border-style: inset;}
  12. p.outset {border-style: outset;}
  13. p.none {border-style: none;}
  14. p.hidden {border-style: hidden;}
  15. p.mix {border-style: dotted dashed solid double;}
  16.  
  17. Border Width -
  18.  
  19. p.one {
  20. border-style: solid;
  21. border-width: 3px;
  22. }
  23.  
  24. p.two {
  25. border-style: solid;
  26. border-width: medium;
  27. }
  28.  
  29. p.three {
  30. border-style: solid;
  31. border-width: 3px 15px 2px 15px;
  32. }
  33.  
  34. Border Color -
  35.  
  36. p.one {
  37. border-style: solid;
  38. border-color: red;
  39. }
  40.  
  41. p.two {
  42. border-style: solid;
  43. border-color: green;
  44. }
  45.  
  46. p.three {
  47. border-style: solid;
  48. border-color: red green blue yellow;
  49. }

Report this snippet  

You need to login to post a comment.