Tag HTML <col>

Definicja i użycie

<col> Etykieta określa wartości atrybutów dla jednej lub kilku kolumn w tabeli.

Aby zastosować styl do wszystkich kolumn<col> Etykieta jest bardzo przydatna, ponieważ nie musisz powtarzać stylów dla poszczególnych komórek i wierszy.

Wskazówka

Jeśli chcesz, aby colgroup Używaj tego elementu, aby określić różne wartości atrybutów dla każdej kolumny. Jeśli nie ma elementu col, kolumna odziedziczy wszystkie wartości atrybutów od colgroup.

Element col jest pustym elementem zawierającym tylko atrybuty. Aby utworzyć kolumnę, musisz określić element td wewnątrz elementu tr.

Zobacz również:

Podręcznik HTML:Etykieta <colgroup>

Podręcznik HTML DOM:Obiekt Column

Przykład

Używaj etykiet <colgroup> i <col>, aby ustawić kolor tła dla trzech kolumn:

<table>
  <colgroup>
    <col span="2" style="background-color:red">
    <col style="background-color:yellow">
  </colgroup>
  <tr>
    <th>ISBN</th>
    <th>Tytuł</th>
    <th>Cena</th>
  </tr>
  <tr>
    <td>3476896</td>
    <td>Wprowadzenie do HTML</td>
    <td>$53</td>
  </tr>
</table>

Spróbuj sam

Atrybut

Atrybut Wartość Opis
span Numer Określa liczbę kolumn, które ma przeciągać element <col>.

Globalne atrybuty

<col> Tagi te obsługują również Globalne atrybuty HTML.

Atrybuty wydarzeń

<col> Tagi te obsługują również Atrybuty wydarzeń w HTML.

Domyślne ustawienia CSS

Większość przeglądarek będzie używała następujących wartości domyślnych do wyświetlania <col> Element:

col {
  display: table-column;
}

Spróbuj sam

Obsługa przeglądarek

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Wspierane Wspierane Wspierane Wspierane Wspierane