Prelims - CSS tables

Question 1

property sets whether the table borders should be collapsed into a single border:

Answer 1

border-collapse

table {
  border-collapse: collapse;
}

Question 2

property sets the horizontal alignment (like left, right, or center) of the content in <th> or <td>

Answer 2

text-align

Question 3

To center-align the content of <td> elements as well, use

Answer 3

text-align: center

Question 4

To left-align the content, force the alignment of <th> elements to be left-aligned, with the

Answer 4

text-align: left

Question 5

property sets the vertical alignment (like top, bottom, or middle) of the content in <th> or <td>

Answer 5

vertical-align

Question 6

To control the space between the border and the content in a table, use the

Answer 6

padding

Question 7

Use the____ selector on <tr> to highlight table rows on mouse hover:

Answer 7

:hover

tr:hover {background-color: coral;}

Question 8

For zebra-striped tables, use the ____ selector and add a background-color to all even (or odd) table rows

Answer 8

nth-child()

tr:nth-child(even) {background-color: #f2f2f2;}