Combining border-top,border-right,border-left,border-bottom in CSS

by

No, you cannot set them all in a single statement.
At the general case, you need at least three properties:

border-color: red green white blue;
border-style: solid dashed dotted solid;
border-width: 1px 2px 3px 4px;

However, that would be quite messy. It would be more readable and maintainable with four:

border-top:    1px solid  #ff0;
border-right:  2px dashed #f0F;
border-bottom: 3px dotted #f00;
border-left:   5px solid  #09f;

More Related Contents:

  1. what does "/" mean in css border-radius property? [duplicate]
  2. How to remove focus border (outline) around text/input boxes? (Chrome) [duplicate]
  3. Border Gradient with Border Radius
  4. Remove white space below image [duplicate]
  5. How to remove the border highlight on an input text element
  6. Any way to declare a size/partial border to a box?
  7. CSS triangle custom border color
  8. CSS Property Border-Color Not Working
  9. Control the dashed border stroke length and distance between strokes
  10. CSS: Margin-top when parent’s got no border
  11. How do I force a DIV block to extend to the bottom of a page even if it has no content?
  12. Hover effect : expand bottom border
  13. How to create multi-color border with CSS?
  14. How does border-image work with linear-gradient?
  15. Should I use ‘border: none’ or ‘border: 0’?
  16. Double border with different color [duplicate]
  17. Borders not shown in Firefox with border-collapse on table, position: relative on tbody, or background-color on cell
  18. Border within border CSS
  19. What is the difference between outline and border CSS properties?
  20. Two color borders
  21. How to create multiple borders around existing border of circle [duplicate]
  22. How to reset / remove chrome’s input highlighting / focus border? [duplicate]
  23. Removing the image border in Chrome/IE9
  24. CSS hover border makes elements adjust slightly
  25. Can I have different colored left and top borders in CSS?
  26. Creating space between an element and its border
  27. text flowing out of div
  28. Drawing border colors during a CSS transition
  29. input type=”image” shows unwanted border in Chrome and broken link in IE7
  30. Inner border over images with CSS?

Leave a Comment