Member Avatar for sanjay@srvmedia

Anyway to limit border length?

  • 3 Contributors
  • 2 Replies
  • 131 Views
  • 33 Minutes Discussion Span
  • Latest Post Latest Post by mugesh.Quadra

Recommended Answers

All 2 Replies

Member Avatar for JorgeM

What border are you referring to?

Member Avatar for mugesh.Quadra

Hi,

You will need to use a child div of the appropriate width to do that:

       #mainDiv
       {
         height: 100px;
         width: 80px;
         position: relative;
         border-bottom: 2px solid #f51c40;
         background: #3beadc;

         }

       #borderLeft
       {
         border-left: 2px solid #f51c40;
         position: absolute;
         top: 50%;
         bottom: 0;
         }

HTML:

<div id="mainDiv">
         <div id="borderLeft"></div>
</div><!--end mainDiv-->
Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.