Eigenschap width

De eigenschap width stelt de breedte in van een element. De waarde van de eigenschap kan elke eenheid voor afmetingen zijn of de sleutelwoordwaarde auto, die de browser in staat stelt de afmeting van het element zelfstandig te berekenen (standaard gedrag).

Syntaxis

cssselector {
  width: waarde;
}

Voorbeeld

Laten we de breedte van het element instellen op 300px:

html<div id="elem"></div>
css#elem {
  width: 300px;
  height: 100px;
  border: 1px solid black;
}

Результат:

Voorbeeld

Laten we het element zo maken dat het 70% van de breedte van zijn ouder inneemt (in ons geval is dit het browservenster):

html<div id="elem"></div>
css#elem {
  width: 70%;
  height: 100px;
  border: 1px solid black;
}

Результат:

Zie ook

  • de eigenschap height,
    waarmee je de hoogte van een element kunt instellen
  • het attribuut width,
    waarmee je de breedte van een element kunt instellen