Naar de inhoud
Gratis naslagwerk over HTML
HTML leren en naslaan
Naslag / Attribuut

valign HTML attribuut

8 elementen kennen dit attribuut. Klik op een tag voor de volledige uitleg van dat element.

Auteur: Maarten Soetens

Wat doet het valign attribuut?

Verouderd attribuut voor de verticale uitlijning van celinhoud in tabellen. Vervangen door de CSS-eigenschap vertical-align.

HTML 
<table>
  <tr>
    <td valign="top">Bovenkant</td>
  </tr>
</table>
CSS (de moderne manier) 
td {
  vertical-align: top;
}

Welke HTML-elementen kennen valign?

<col> <colgroup> <tbody> <td> <tfoot> <th> <thead> <tr>

<col> Verouderd

Het <col>-HTML-element definieert een of meer kolommen in een kolomgroep die wordt vertegenwoordigd door het bovenliggende <colgroup>-elemen...

Specificeert de verticale uitlijning van elke kolomcel. De mogelijke opgesomde waarden zijn baseline, bottom, middle en top. Merk op dat dit attribuut de opgegeven valign van zijn bovenliggende <colgroup>-element overschrijft. Gebruik in plaats daarvan de CSS-eigenschap vertical-align op de <td>- en <th>-elementen, aangezien dit attribuut verouderd is.

Opmerking

Het instellen van vertical-align op het <col>-element heeft geen effect, omdat <col> geen afstammelingen heeft en er dus geen elementen van erven.

Als de tabel geen colspan-attribuut gebruikt, gebruik dan de CSS-selector td:nth-of-type(an+b). Stel a in op nul en b op de positie van de kolom in de tabel, bijvoorbeeld td:nth-of-type(2) { vertical-align: middle; } om de cellen van de tweede kolom verticaal te centreren.

Als de tabel wel een colspan-attribuut gebruikt, kan het effect worden bereikt door geschikte CSS-attribuutselectors te combineren zoals [colspan=n], hoewel dit niet triviaal is.

Alles over <col> →

<colgroup> Verouderd

Het <colgroup>-HTML-element definieert een groep kolommen binnen een tabel.

Geeft de verticale uitlijning van elke kolomgroepcel aan. De mogelijke enumerated waarden zijn baseline, bottom, middle en top. Merk op dat de onderliggende <col>-elementen deze waarde kunnen overschrijven met hun eigen valign-attribuut. Gebruik in plaats daarvan de CSS-eigenschap vertical-align op de <td>- en <th>-elementen, aangezien dit attribuut verouderd is.

Opmerking

Het instellen van vertical-align op het <colgroup>-element heeft geen effect, aangezien <td>- en <th>-elementen geen afstammelingen zijn van het <colgroup>-element, en dus niet van het <colgroup>-element overerven.

Als de tabel geen colspan-attribuut gebruikt, gebruik dan de CSS-selector td:nth-of-type() per kolom, bijvoorbeeld td:nth-of-type(2) { vertical-align: middle; } om de cellen van de tweede kolom verticaal te centreren.

Als de tabel wel een colspan-attribuut gebruikt, kan het effect worden bereikt door geschikte CSS-attribuutselectors te combineren, zoals [colspan=n], hoewel dit niet triviaal is.

Alles over <colgroup> →

<tbody> Verouderd

Het <tbody>-HTML-element omvat een set tabelrijen (<tr>-elementen) en geeft aan dat deze de body van de (belangrijkste) gegevens van een tab...

Geeft de verticale uitlijning van elke bodycel aan. De mogelijke enumerated waarden zijn baseline, bottom, middle en top. Gebruik in plaats daarvan de CSS-eigenschap vertical-align, aangezien dit attribuut is afgekeurd.
Alles over <tbody> →

<td> Verouderd

Het <td>-element van HTML definieert een cel van een tabel die data bevat en kan worden gebruikt als een kind van het <tr>-element.

Specificeert de verticale uitlijning van de datacel. De mogelijke enumerated waarden zijn baseline, bottom, middle en top. Gebruik in plaats daarvan de CSS-eigenschap vertical-align, aangezien dit attribuut verouderd is.
Alles over <td> →

<tfoot> Verouderd

Het <tfoot>-HTML-element omvat een verzameling tabelrijen (<tr>-elementen), en geeft aan dat deze de voet van een tabel vormen met informati...

Specificeert de verticale uitlijning van elke voetcel. De mogelijke opgesomde waarden zijn baseline, bottom, middle, en top. Gebruik in plaats daarvan de CSS-eigenschap vertical-align, aangezien dit attribuut verouderd is.
Alles over <tfoot> →

<th> Verouderd

Het <th>-HTML-element definieert een cel als de kop van een groep tabelcellen en kan worden gebruikt als kind van het <tr>-element. De exact...

Specificeert de verticale uitlijning van de kopcel. De mogelijke enumerated waarden zijn baseline, bottom, middle, en top. Gebruik in plaats daarvan de CSS-eigenschap vertical-align, aangezien dit attribuut verouderd is.
Alles over <th> →

<thead> Verouderd

Het <thead>-HTML-element omvat een set tabelrijen (<tr>-elementen), en geeft aan dat deze de kop van een tabel vormen met informatie over de...

Specificeert de verticale uitlijning van elke kopcel. De mogelijke enumerated waarden zijn baseline, bottom, middle, en top. Gebruik in plaats daarvan de CSS-eigenschap vertical-align, aangezien dit attribuut verouderd is.
Alles over <thead> →

<tr> Verouderd

Het <tr>-element van HTML definieert een rij van cellen in een tabel. De cellen van de rij kunnen vervolgens worden vastgesteld met een comb...

Specificeert de verticale uitlijning van elke rijcel. De mogelijke enumerated-waarden zijn baseline, bottom, middle en top. Gebruik in plaats daarvan de CSS-eigenschap vertical-align, aangezien dit attribuut verouderd is.
Alles over <tr> →

Andere attributen van deze elementen

charoff char bgcolor align width span scope rowspan height headers colspan axis