Ετικέτα HTML <colgroup>

  • Προηγούμενη σελίδα <col>
  • Επόμενη σελίδα <data>

Ορισμός και χρήση

<colgroup> Η ετικέτα χρησιμοποιείται για να καθορίζει τη μορφοποίηση των ομάδων μιας στήλης ή πολλών στηλών ενός πίνακα.

Για να εφαρμόσετε στυλ σε όλες τις στήλες<colgroup> Η ετικέτα είναι πολύ χρήσιμη, ώστε να μην χρειάζεται να επαναλαμβάνετε τη χρήση του στυλ σε κάθε κελί και κάθε γραμμή.

Σημείωση:<colgroup> Η ετικέτα πρέπει να είναι <table> υποστοιχεία του στοιχείου, τοποθετημένα σε οποιαδήποτε <caption> μετά το στοιχείο <thead>και<tbody>και<tfoot> και <tr> πριν από το στοιχείο

Σημείωση:Για να ρυθμίσετε <colgroup> Για τη διαφορετική ρύθμιση ιδιοτήτων σε μια στήλη, παρακαλώ χρησιμοποιήστε <colgroup> Χρήση στην ετικέτα Ετικέτα <col>.

Για περισσότερες πληροφορίες, δείτε:

Εγχειρίδιο HTML:Ετικέτα <col>

Εγχειρίδιο HTML DOM:Το αντικείμενο ColumnGroup

Παράδειγμα

Χρήση των ετικετών <colgroup> και <col> για τη ρύθμιση του χρώματος φόντου τριών στήλων:

<table>
  <colgroup>
    <col span="2" style="background-color:red">
    <col style="background-color:yellow">
  </colgroup>
  <tr>
    <th>ISBN</th>
    <th>Τίτλος</th>
    <th>Τιμή</th>
  </tr>
  <tr>
    <td>3476896</td>
    <td>Εισαγωγή στο HTML</td>
    <td>$53</td>
  </tr>
</table>

Δοκιμάστε το προσωπικά

Ιδιότητα

Ιδιότητα Τιμή Περιγραφή
span Αριθμός Ορίζει τον αριθμό των στηλών που πρέπει να διαβαστεί η ομάδα στηλών.

Γενικές ιδιότητες

<colgroup> Η ετικέτα υποστηρίζει επίσης Γενικές ιδιότητες στο HTML.

γεγονότα ιδιότητας

<colgroup> Η ετικέτα υποστηρίζει επίσης Γεγονότα ιδιότητας στο HTML.

Προεπιλεγμένες ρυθμίσεις CSS

Οι περισσότεροι περιηγητές θα χρησιμοποιήσουν τις παρακάτω προεπιλεγμένες τιμές για την εμφάνιση <colgroup> Στοιχεία:

colgroup {
  display: table-column-group;
}

Δοκιμάστε το προσωπικά

Υποστήριξη περιηγητών

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη
  • Προηγούμενη σελίδα <col>
  • Επόμενη σελίδα <data>