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;
}