CSS width egenskab
- foregående side enkelvint
- næste side ordbrydelse
Definition og brug
width-egenskaben indstiller elementets bredde.
Beskrivelse
Denne egenskab definerer elementets indholdsområdes bredde, hvor der kan tilføjes indrykning, kant og margin uden for indholdsområdet.
Indlejrede ikke-erstatningskomponenter ignorerer denne egenskab.
Se også:
CSS tutorial:CSS mål
CSS tutorial:CSS layoutmodel oversigt
CSS referencehåndbog:height-egenskaben
HTML DOM referencehåndbog:width-egenskaben
CSS-syntaks
width: auto|value|initial|inherit;
Egenskabsværdi
Værdi | Beskrivelse |
---|---|
auto | Standardværdi. Browseren kan beregne den faktiske bredde. |
længde | Brug af enheder som px, cm osv. til at definere bredde. |
% | Definerer en procentvis bredde baseret på indholdsblokken (forældreelementet). |
inherit | Definerer, at width-egenskaben skal arves fra forældreelementet. |
Tekniske detaljer
Standardværdi: | auto |
---|---|
Arv: | nej |
Version: | CSS1 |
JavaScript-syntaks: | object.style.bredde="50px" |
TIY-eksempel
- Brug af pixels til at indstille elementets bredde
- Dette eksempel viser, hvordan man bruger pixels til at indstille elementets bredde.
- Brug af procenter til at indstille elementets bredde
- Dette eksempel viser, hvordan man bruger procenter for at indstille elementets bredde.
Browserunderstøttelse
Tabelnumre angiver den første browserversion, der fuldt ud understøtter egenskaben.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
- foregående side enkelvint
- næste side ordbrydelse