Vlastnosť width

Vlastnosť width nastavuje šírku elementu. Hodnotou vlastnosti sú akékoľvek jednotky pre veľkosti alebo kľúčová vlastnosť auto, ktorá poskytuje prehliadaču možnosť autonaticky vypočítať veľkosť elementu (predvolené správanie).

Syntax

cssselektor {
  width: hodnota;
}

Príklad

Nastavme šírku elementu na 300px:

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

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

Результат:

Príklad

Urobme tak, aby element zabral 70% zo šírky svojho rodiča (v našom prípade to bude okno prehliadača):

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

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

Результат:

Pozrite tiež