Table Size

CSS Table Width

The CSS width property is used to set the width of a table.

The width can be set:

• in percent (%)

• as a fixed length (px)

• by the auto keyword

CSS Table Width in Percent

To create a table that spans the entire screen (full-width), use width: 100%;:

Example

table
{

  width: 100%;

}

To create a table that spans half the page, use width: 50%;:

Example

table
{

  width: 50%;

}

CSS Table Width in a Fixed Width

To create a table with a fixed width, use width: 500px:

Example

table
{

  width: 500px;

}

CSS Table Width Using auto

To let the browser calculate the width, use width: auto;:

Example

table
{

  width: auto;

}

CSS Table Height

The CSS height property is used to set the height of a table.

The height can be set:

• in percent (%)

• as a fixed length (px)

• by the auto keyword

The example below sets the height of the table headers (<th>) to 70px:

Example

th
{

  height: 70px;

}