Właściwość width

Właściwość width ustawia szerokość elementu. Wartościami właściwości są dowolne jednostki wymiarów lub słowo kluczowe auto, pozwalające przeglądarce samodzielnie obliczać wymiar elementu (zachowanie domyślne).

Składnia

cssselektor {
  width: wartość;
}

Przykład

Ustawmy szerokość elementu na 300px:

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

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

Результат:

Przykład

Sprawmy, aby element zajął 70% szerokości swojego rodzica (w naszym przypadku będzie to okno przeglądarki):

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

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

Результат:

Zobacz też