Tables

  • Table Borders: Use the border property to define a border for a table.
table{
   border:1px solid dotted;  
}
  • Collapse Table Borders: The CSS-border-sharing property determines what the cells inside the <table> look like. This property can take the following values:

border-collapse: separate|collapse|initial|inherit;

table{
   border-collapse: collapse; 
}
  • Table Width and Height: To define the height and width of the table, the height and width property is used.
table{
  width: 100%;
  height:400px;
}
  • Responsive Table: For a table to be responsive, simply display a horizontal bar for situations where the width or height of the screen is smaller than the table.
div{
   overflow-x: auto;
   overflow-y: auto;
}