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

width HTML attribuut

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

Wat doet het width attribuut?

Bepaalt de breedte van het element, meestal in pixels. Bij vervangen elementen zoals <img>, <video>, <canvas> en <iframe> is dit nog een geldig en veelgebruikt attribuut om al vóór het laden ruimte te reserveren; bij tabelgerelateerde elementen (<table>, <td>, <th>, <col>, <colgroup>) en <hr>/<pre> is het verouderd en vervangen door de CSS-eigenschap width.

HTML
<img src="foto.jpg" width="600" height="400" alt="Foto">
CSS (de moderne manier voor tabellen)
table {
  width: 100%;
}

Welke HTML-elementen kennen width?

<canvas>

Gebruik het HTML-element <canvas> samen met de canvas scripting API of de WebGL API om afbeeldingen en animaties te tekenen.

De breedte van de coördinatenruimte in CSS-pixels. Standaard 300.
Alles over <canvas> →

<col> Verouderd

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

Specificeert een standaardbreedte voor elke kolom. Naast de standaard pixel- en percentagewaarden, kan dit attribuut de speciale vorm 0* aannemen, wat betekent dat de breedte van elke overspannen kolom de minimale breedte moet zijn die nodig is om de inhoud van de kolom te bevatten. Relatieve breedtes zoals 5* kunnen ook worden gebruikt. Merk op dat dit attribuut de opgegeven width van zijn bovenliggende <colgroup>-element overschrijft. Gebruik in plaats daarvan de CSS-eigenschap width, aangezien dit attribuut verouderd is.
Alles over <col> →

<colgroup> Verouderd

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

Geeft een standaardbreedte op voor elke kolom in de huidige kolomgroep. Naast de standaard pixel- en percentagewaarden kan dit attribuut de speciale vorm 0* aannemen, wat betekent dat de breedte van elke kolom waarover het zich uitstrekt de minimale breedte moet zijn die nodig is om de inhoud van de kolom te bevatten. Relatieve breedtes zoals 5* kunnen ook worden gebruikt. Merk op dat de onderliggende <col>-elementen deze waarde kunnen overschrijven met hun eigen width-attribuut. Gebruik in plaats daarvan de CSS-eigenschap width, aangezien dit attribuut verouderd is.
Alles over <colgroup> →

<embed>

Het <embed>-element van HTML bettet externe inhoud in op het opgegeven punt in het document. Deze inhoud wordt geleverd door een externe app...

De weergegeven breedte van de bron, in CSS-pixels. Dit moet een absolute waarde zijn; percentages zijn niet toegestaan.
Alles over <embed> →

<fencedframe> Experimenteel

Dit is een experimenteel element. Het werkt nog niet in alle browsers.

Een eenheidloos geheel getal dat de breedte van het fenced frame in CSS-pixels voorstelt. De standaardwaarde is 300.
Alles over <fencedframe> →

<hr> Verouderd Niet-standaard

Het <hr>-element van HTML vertegenwoordigt een thematische scheiding tussen elementen: bijvoorbeeld een verandering van scène in een verhaal...

Stelt de lengte van de lijn op de pagina in via een pixel- of percentagewaarde.
Alles over <hr> →

<iframe>

Het <iframe>-HTML-element vertegenwoordigt een geneste browsing context, waarmee een andere HTML-pagina in de huidige pagina wordt ingebed.

De breedte van het frame in CSS-pixels. Standaard is 300.
Alles over <iframe> →

<img>

Het <img>-element van HTML bettet een afbeelding in het document in.

De intrinsieke breedte van de afbeelding in pixels. Moet een geheel getal zijn zonder eenheid.
Alles over <img> →

<input>

Het <input>-element van HTML wordt gebruikt om interactieve besturingselementen te maken voor webformulieren, om gegevens van de gebruiker t...

Alleen geldig voor de image-invoerknop; width is de breedte van het afbeeldingsbestand dat wordt weergegeven om de grafische submit-knop voor te stellen. Zie het invoertype image.
Alles over <input> →

<marquee> Verouderd Niet-standaard

Het <marquee>-element van HTML wordt gebruikt om een scrollend gebied met tekst in te voegen. Je kunt met de attributen ervan bepalen wat er...

Stelt de breedte in pixels of een percentagewaarde in.
Alles over <marquee> →

<object>

Het <object>-HTML-element vertegenwoordigt een externe bron, die kan worden behandeld als een afbeelding, een geneste browsing context, of e...

De breedte van de weergegeven bron, zoals in <integer> in CSS-pixels.
Alles over <object> →

<pre> Verouderd Niet-standaard

Het <pre>-element van HTML vertegenwoordigt voorgeformatteerde tekst die exact moet worden weergegeven zoals in het HTML-bestand geschreven....

Bevat het gewenste aantal tekens dat een regel zou moeten hebben. Hoewel technisch nog geïmplementeerd, heeft dit attribuut geen visueel effect; gebruik in plaats daarvan de CSS-eigenschap width om zo'n effect te bereiken.
Alles over <pre> →

<source>

Het <source>-HTML-element specificeert een of meer mediabronnen voor de elementen <picture>, <audio> en <video>. Het is een void element, wa...

Specificeert de intrinsieke breedte van de afbeelding in pixels. Toegestaan als de ouder van <source> een <picture> is. Niet toegestaan als de ouder <audio> of <video> is.

De breedtewaarde moet een geheel getal zijn zonder enige eenheden.

Alles over <source> →

<table> Verouderd

Het <table>-HTML-element stelt tabelgegevens voor — dat wil zeggen, informatie die wordt weergegeven in een tweedimensionale tabel bestaande...

Specificeert de breedte van de tabel. Gebruik in plaats daarvan de CSS-eigenschap width, aangezien dit attribuut verouderd is.

Opmerking

Hoewel geen enkele HTML-specificatie height als <table>-attribuut opneemt, ondersteunen sommige browsers een niet-standaard interpretatie van height. De waarde zonder eenheid stelt een minimale absolute hoogte in pixels in. Als deze wordt ingesteld als percentagewaarde, is de minimale tabelhoogte relatief aan de hoogte van de bovenliggende container. Gebruik in plaats daarvan de CSS-eigenschap min-height, aangezien dit attribuut verouderd is.

Alles over <table> →

<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.

Definieert een aanbevolen breedte voor de datacel. Gebruik in plaats daarvan de CSS-eigenschap width, aangezien dit attribuut verouderd is.
Alles over <td> →

<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...

Definieert een aanbevolen breedte voor de kopcel. Gebruik in plaats daarvan de CSS-eigenschap width, aangezien dit attribuut verouderd is.
Alles over <th> →

<video>

Het <video>-HTML-element sluit een mediaspeler in het document in die videoweergave ondersteunt. Je kunt <video> ook gebruiken voor audio-in...

De breedte van het weergavegebied van de video, in CSS-pixels (alleen absolute waarden; geen percentages).
Alles over <video> →

Andere attributen van deze elementen