How to remove the bottom border of a box with CSS

Question

I have a rectangular div  like the one above  I want to remove the bottom border  from C to D  in my div  How can I do this    Edit  Here is my CSS    x000D   x000D   index-03   x000D    position  absolute  x000D    border   1px solid  900  x000D    border-width   1px  x000D    border-style  solid  x000D    border-color   900  x000D    left  0px  x000D    top  102px  x000D    width  900px  x000D    height  27px  x000D    x000D   lt div id  index-03   x000D       style  background-color limegreen  width 300px  height 75px   gt  x000D   lt  div gt  x000D   x000D   x000D

User · Answer

You seem to misunderstand the box model - in CSS you provide points for the top and left and then width and height - these are all that are needed for a box to be placed with exact measurements.

The width property is what your C-D is, but it is also what A-B is. If you omit it, the div will not have a defined width and the width will be defined by its contents.

Update (following the comments on the question:

Add a border-bottom-style: none; to your CSS to remove this style from the bottom only.

User · Answer

You could just set the width to auto  Then the width of the div will equal 0 if it has no content   width auto

User · Answer

You can either set   border-bottom  none    or    border-bottom  0    One sets the border-style to none  One sets the border-width to 0px    x000D   x000D  div   x000D    border  3px solid  900  x000D   x000D    background-color  limegreen   x000D    width   28vw  x000D    height  10vw  x000D    margin   1vw  x000D    text-align  center  x000D    float  left  x000D    x000D   x000D   stylenone   x000D    border-bottom  none  x000D    x000D   widthzero   x000D    border-bottom  0  x000D    x000D   lt div gt  x000D   full border  x000D   lt  div gt  x000D   lt div class  stylenone  gt  x000D   style  lt br gt  lt br gt  x000D   x000D  border-bottom  none  x000D   lt  div gt  x000D   lt div class  widthzero  gt  x000D   width  lt br gt  lt br gt  x000D  border-bottom  0  x000D   lt  div gt  x000D   x000D   x000D    Side Note  If you ever have to track down why a border is not showing when you expect it to  It is also good to know that either of these could be the culprit  Also verify the border-color is not the same as the background-color

User · Answer

Just add in  border-bottom  none    index-03       position absolute      border   1px solid  900      border-bottom  none      left 0px      top 102px      width 900px      height 27px

[css] How to remove the bottom border of a box with CSS

Examples related to css

Examples related to border