HTML span Attribute


Definition and Usage

The span attribute defines the number of columns a <col> or <colgroup> element should span.


Applies to

The span attribute can be used on the following elements:

Elements Attribute
<col> span
<colgroup> span

Examples

Col Example

Here, the first two columns should have a background color of red:

<table>
  <colgroup>
    <col span="2" style="background-color:red">
    <col style="background-color:yellow">
  </colgroup>
  <tr>
    <th>ISBN</th>
    <th>Title</th>
    <th>Price</th>
  </tr>
  <tr>
    <td>3476896</td>
    <td>My first HTML</td>
    <td>$53</td>
  </tr>
</table>
Try it Yourself »

Colgroup Example

Set the background color of the first two columns using the <colgroup> span attribute:

<table>
  <colgroup span="2" style="background:red"></colgroup>
  <tr>
    <th>ISBN</th>
    <th>Title</th>
    <th>Price</th>
  </tr>
  <tr>
    <td>3476896</td>
    <td>My first HTML</td>
    <td>$53</td>
  </tr>
  <tr>
    <td>5869207</td>
    <td>My first CSS</td>
    <td>$49</td>
  </tr>
</table>
Try it Yourself »

Browser Support

The span attribute has the following browser support for each element:

Element
col Yes Yes Yes Yes Yes
colgroup Yes Yes Yes Yes Yes

Copyright 1999-2023 by Refsnes Data. All Rights Reserved.