DEV Community

Vinoth Kumar
Vinoth Kumar

Posted on • Edited on

PROJECT 2 : COMPLETION

CSS TABLE:

allow you to style and enhance HTML tables for better readability and design. With CSS, you can adjust borders, spacing, colors, alignment, and even add hover effects to make data more organized and visually appealing.

PROPERTIES OF CSS TABLES:

  1. Border
  2. Border Collapse
  3. Border Spacing
  4. Caption SideTable layout(TBD)
  5. Empty cells(TBD).

BORDER:
defines the appearance of borders around table elements.It specifies the border's width, style, and color.

  1. table.
  2. tr.
  3. td.
  4. th.

SYNTAX:

border: table_width table_color;
Enter fullscreen mode Exit fullscreen mode

BORDER-COLLABSE:
controls whether the borders of adjacent cells are merged into a single border or kept separate.

SYNTAX:

border-collapse: collapse/separate;
Enter fullscreen mode Exit fullscreen mode

BORDER-SPACING:
property specifies the distance between the borders of adjacent cells when border-collapse is set to separate.

SYNTAX:

border-spacing: value;

Enter fullscreen mode Exit fullscreen mode

CAPTION-SIDETABLE:
specifies the placement of the table caption relative to the table.

SYNTAX:

caption-side: top/bottom;
Enter fullscreen mode Exit fullscreen mode

Top comments (0)