CSS based partial borders

While trying to accomplish a bracket like borders for a bootstrap design, there was a need to address the design requirement either using images or by CSS.

While navigating through hundreds of designs and snippets online, I happened to cross a post by another developer titled for CSS based partial borders. Using the code from the developer, I was able to space the partial borders on left, top and bottom per design requirement.

Update (28th of July 2018): Added code for partial borders on sides

, ,