Egenskapen width

Egenskapen width ställer in bredden på elementet. Värden för egenskapen är alla enheter för storlekar eller nyckelordet auto, som låter webbläsaren själv beräkna elementets storlek (standardbeteende).

Syntax

cssselektor {
  width: värde;
}

Exempel

Låt oss sätta elementets bredd till 300px:

html<div id="elem"></div>

css#elem {
  width: 300px;
  height: 100px;
  border: 1px solid black;
}

Результат:

Exempel

Låt oss göra så att elementet tar upp 70% av bredden på sin förälder (i vårt fall kommer det att vara webbläsarens fönster):

html<div id="elem"></div>

css#elem {
  width: 70%;
  height: 100px;
  border: 1px solid black;
}

Результат:

Se även