DEV Community

Discussion on: CSS Border Length

Collapse
 
ikbensiep profile image
Sibrand Hoekstra • Edited

This idea would probably need to introduce some kind of border-origin property for those who do not want their custom-length border to start in the center.

Which then leads me to think that a border pretty much defines an area so I think this should not be handled by a border but perhaps a good old <hr />

Collapse
 
iamfrntdv profile image
Eduard Pochtar 👨‍💻 • Edited

Absolutely agree with border-origin, which can accept values like "start", "center/middle", "end".

The problem with hr that it can work good horizontally but not vertically.. And border can work in both directions.

Collapse
 
danaustinweb profile image
Daniel Austin • Edited

with the [transform: rotate()] and [position: absolute], you can push the <hr /> tag(s) to any position of the parent element with a [position: relative].

So which ever is sutaible for the user, either your second method or using the <hr />, all is still save...