Giving a border to an HTML table row,

by

You can set border properties on a tr element, but according to the CSS 2.1 specification, such properties have no effect in the separated borders model, which tends to be the default in browsers. Ref.: 17.6.1 The separated borders model. (The initial value of border-collapse is separate according to CSS 2.1, and some browsers also set it as default value for table. The net effect anyway is that you get separated border on almost all browsers unless you explicitly specifi collapse.)

Thus, you need to use collapsing borders. Example: 

<style>
table { border-collapse: collapse; }
tr:nth-child(3) { border: solid thin; }
</style>

More Related Contents:

  1. How can I apply a border only inside a table?
  2. How to design a table like this
  3. How do I keep two side-by-side div elements the same height?
  4. How do I create an HTML table with a fixed/frozen left column and a scrollable body?
  5. Table fixed header and scrollable body
  6. Alternate table row color using CSS?
  7. Table with fixed header and fixed column on pure css
  8. How to display scroll bar onto a html table
  9. border curved css – circle with curved end
  10. IE9 Float with Overflow:Hidden and Table Width 100% Not Displaying Properly
  11. Fixed Table Cell Width
  12. How to make fill height
  13. CSS table-cell equal width
  14. HTML5 / CSS3 Circle with Partial Border
  15. How can I truncate table cells, but fit as much as content possible?
  16. Table scroll with HTML and CSS [duplicate]
  17. How to center the contents of an HTML table?
  18. How to hide Table Row Overflow?
  19. Min-width and max-height for table attributes
  20. How to make a border overlay child div?
  21. Why is box-sizing acting different on table vs div?
  22. How to completely remove borders from HTML table
  23. Removing unwanted table cell borders with CSS
  24. Yet Another Divs vs Tables issue: Forms
  25. Border around specific rows in a table?
  26. CSS Inset Borders
  27. Styling the last td in a table with css
  28. Setting max-height for table cell contents
  29. Removing the Bevel Effect on the Corner of Borders
  30. How to make a table with equal column widths in CSS?

Leave a Comment