Any way to declare a size/partial border to a box?

by

Not really. But it’s very easy to achieve the effect in a way that degrades gracefully and requires no superfluous markup:

div {
  width: 350px;
  height: 100px;
  background: lightgray;
  position: relative;
  margin: 20px;
}

div:after {
  content: '';
  width: 60px;
  height: 4px;
  background: gray;
  position: absolute;
  bottom: -4px;
}
<div></div>

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. How can I show only corner borders?
  7. CSS triangle custom border color
  8. Invert rounded corner in CSS?
  9. CSS Property Border-Color Not Working
  10. Control the dashed border stroke length and distance between strokes
  11. CSS: Margin-top when parent’s got no border
  12. How do I force a DIV block to extend to the bottom of a page even if it has no content?
  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. Border within border CSS
  18. What is the difference between outline and border CSS properties?
  19. CSS border less than 1px [duplicate]
  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. CSS hover border makes elements adjust slightly
  24. Can I have different colored left and top borders in CSS?
  25. Creating space between an element and its border
  26. text flowing out of div
  27. Drawing border colors during a CSS transition
  28. input type=”image” shows unwanted border in Chrome and broken link in IE7
  29. Inner border over images with CSS?
  30. Using CSS to make table’s outer border color different from cells’ border color

Leave a Comment