Latest web development tutorials

HTML <colgroup> -Tag

Beispiele

<Colgroup> und <col> -Tag für die drei Spalten der Tabelle stellen Sie die Hintergrundfarbe:

<table border="1">
  <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>

Versuchen »

Browser-Unterstützung

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Alle gängigen Browser unterstützen <colgroup> Tag.


Tag Definitionen und Anleitungen

<Colgroup> Tag wird verwendet, um die Spalten in Kombination zu bilden, um sie zu formatieren.

Durch die Verwendung des <colgroup> -Tag können Sie einen Stil auf eine ganze Spalte anwenden, anstatt für jede Zelle in jeder Zeile mit wiederholter oder den Stil festgelegt.

Hinweis: Nur in der <table> Element nach jedem <caption> -Element auf einem <thead>, <tbody>, <tfoot>, bevor <tr> -Element verwendet <colgroup> Tag.

Tipp: Wenn Sie wollen <colgroup> in einer Spalte mit unterschiedlichen Eigenschaften zu definieren, verwenden Sie innerhalb von <colgroup> Tag <col> -Tag.


Die Unterschiede zwischen den HTML 4.01 und HTML5

HTML5 nicht mehr unterstützt HTML 4.01 in die meisten Eigenschaften.


Immobilien

属性 描述
align left
right
center
justify
char
HTML5 不支持。规定在列组合中内容的水平对齐方式。
char character HTML5 不支持。规定根据哪个字符来对齐列组中的内容。
charoff number HTML5 不支持。规定第一个对齐字符的偏移量。
span number 规定列组应该横跨的列数。
valign top
middle
bottom
baseline
HTML5 不支持。定义在列组合中内容的垂直对齐方式。
width pixels
%
relative_length
HTML5 不支持。规定列组合的宽度。


globale Eigenschaften

<Colgroup> Tag unterstützt HTML globale Eigenschaften .


Ereigniseigenschaften

<Colgroup> Tag unterstützt HTML Ereigniseigenschaften .