Atrybut colspan

> Dodaj do ulubionych |
Share

Atrybut colspan służy do określania liczby kolumn tabeli, jakie ma obejmować swoją szerokością komórka tabeli.

Przykład użycia

Przykład użycia atrybutu colspan.

<table border="1">
  <tr>
    <th>Produkt</th>
    <th>Liczba</th>
    <th>Cena</th>
  </tr>
  <tr>
    <td>Mysz</td>
    <td>2</td>
    <td>50 PLN</td>
  </tr>
  <tr>
    <td>Klawiatura</td>
    <td>1</td>
    <td>200 PLN</td>
  </tr>
  <tr>
    <td>Karta graficzna</td>
    <td>1</td>
    <td>800 PLN</td>
  </tr>
  <tr>
    <td colspan="3">Suma: 1100 PLN</td>
  </tr>
</table>

Wynik

Produkt Liczba Cena
Mysz 2 50 PLN
Klawiatura 1 200 PLN
Karta graficzna 1 800 PLN
Suma: 1100 PLN

Składnia atrybutu colspan

<nazwa_elementu colspan="liczba">

Elementy związane z atrybutem colspan

Atrybut colspan dotyczy elementów th i td.

Wartości atrybutu colspan

Wartość Opis HTML 4.01/XHTML 1.0 HTML5
liczba Dodatnia liczba całkowita określająca, ile kolumn ma obejmować komórka tabeli ✔ ✔
0 Zero oznacza, że komórka ma obejmować wszystkie kolumny od bieżącej do końca tabeli ✔ ✔

Różnice między HTML 4.01 a HTML5

Atrybut colspan w języku HTML 4.01 ma dodatkową wartość 0, która oznacza, że komórka ma obejmować wszystkie kolumny od bieżącej do końca tabeli.