Najnowsze tutoriale tworzenie stron internetowych
 

HTML <colgroup> Tag


Przykład

Ustaw kolor tła z trzech kolumn z <colgroup> i <col> tagi:

<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>
Spróbuj sam "

Definicja i Wykorzystanie

<colgroup> tag określa grupę jednego lub więcej kolumn w tabeli formatowania.

<colgroup> znacznik jest przydatne do stosowania do całych stylów kolumny bez powtarzania style dla każdej komórki, dla każdego rzędu.

Uwaga: <colgroup> tag musi być dzieckiem <table> elementu, po wszelkich <caption> elementów oraz przed wszelkimi <thead>, <tbody>, <tfoot> i <tr> elementów.

Wskazówka: Aby określić różne właściwości do kolumny W ciągu <colgroup> użyj <col> tag wewnątrz <colgroup> tag.


Pomoc Browser

Element
<colgroup> tak tak tak tak tak

Różnice między HTML 4.01 i HTML5

Większość atrybutów HTML 4.01 nie są obsługiwane w HTML5.


Atrybuty

Atrybut Wartość Opis
align left
right
center
justify
char
Nie jest obsługiwany w HTML5.
Wyrównuje zawartość w grupie kolumnowej
char character Nie jest obsługiwany w HTML5.
Wyrównuje zawartość w grupie kolumnę do charakteru
charoff number Nie jest obsługiwany w HTML5.
Ustawia liczbę znaków zawartość zostanie wyrównana z charakteru określonego przez char atrybutu
span number Określa liczbę kolumn grupa kolumna powinna obejmujących
valign top
middle
bottom
baseline
Nie jest obsługiwany w HTML5.
Pionie wyrównuje zawartość w grupie kolumnowej
width pixels
%
relative_length
Nie jest obsługiwany w HTML5.
Określa szerokość grupie kolumnowej

Atrybuty globalne

<colgroup> tag obsługuje również globalne Atrybuty w HTML .


Atrybuty Event

<colgroup> tag obsługuje również Event Atrybuty w HTML .


Podobne strony

Odniesienia HTML DOM: ColumnGroup obiektu


Domyślne ustawienia CSS

Większość przeglądarek wyświetli <colgroup> element z następujących wartości domyślnych:

Przykład

colgroup {
    display: table-column-group;
}
Spróbuj sam "