If you want to place or draw the borders inside of a rectangular box there is a very simple solution — just use the CSS outline property instead of border and move it inside of the element's box using the CSS3 outline-offset property with a negative value. Applies to boxes set to display: table (of which table HTML elements are by default) or display: inline-table.. border-spacing will have no effect if border-collapse is set to collapse.. Possible Values Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor. My first thought was maybe CSS would let you establish a width for border-bottom… No such luck. Resorting to hacks like padding or a transparent border sometimes work, but not if you need a visible border or box-shadow. Note: This property works only when border-collapse is separate. Add border space to column: 14. Possibility #3) Using `border-style: hidden;` This is the one that feels like a CSS trick to me. borders. Like the hidden keyword, displays no border. Add border spacing: 13. The space between table cells uses the background color/image specified for the explicit or assigned TABLE element. The style of the border of a box. collapse - in which both the space and the borders between table cells collapse so there is only one border and no space between cells. You'll need border-collapse: separate; if you need either of those things. We have trained over 90,000 students from over 16,000 organizations on technologies such as Microsoft ASP.NET, Microsoft Office, Azure, Windows, Java, Adobe, Python, SQL, JavaScript, Angular and much more. However, you can also control these two attributes within CSS: To control cell spacing, use border-spacing. Webucator provides instructor-led training to students throughout the US and Canada. As we know the table's cellpadding and cellspacing attributes are removed in HTML5.. ... On this page I explain some of the new CSS declarations to be used with tables. The border-spacing Property. Unless a background-image is set, the computed value of the same side's border-width will be 0, even if the specified value is something else.In the case of table cell and border collapsing, the none value has the lowest priority: if any other conflicting border is set, it will be displayed. As you can see, margins set the outwards spacing, and padding the inwards. But, you can still set padding inside the table cells easily using the CSS padding property. Inside-Only CSS Table border-spacing When working with a or display:table layout, getting some nice space between each cell can be a real pain.