Atrybut colspan

01 sierpnia 2012
1 gwiadka2 gwiazdki3 gwiazdki4 gwiazdki5 gwiazdek

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

Przykłady 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>

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 HTML 5
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 ✔ (tylko w Firefoksie)

Obsługa atrybutu colspan przez przeglądarki

Firefox Chrome Opera Safari Internet Explorer

Różnice między HTML 4.01 a HTML 5

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. Atrybute ten jest jednak obsługiwany tylko przez przeglądarkę Firefox.

Dyskusja

Twój adres e-mail nie zostanie opublikowany.