width Eienskap

Die width eienskap stel die breedte van 'n element in. Die waarde van die eienskap kan enige eenheid vir groottes wees of die sleutelwoord auto, wat die blaaier laat om die grootte van die element self te bereken (standaard gedrag).

Sintaksis

cssselekteerder {
  width: waarde;
}

Voorbeeld

Laat ons die element se breedte op 300px stel:

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

Результат:

Voorbeeld

Kom ons maak dat die element 70% van die breedte van sy ouer beslaan (in ons geval sal dit die blaaier venster wees):

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

Результат:

Sien ook

  • die height eienskap,
    waarmee jy die hoogte van 'n element kan spesifiseer
  • die width attribuut,
    waarmee jy die breedte van 'n element kan spesifiseer