Свойство width

Свойството width задава ширината на елемента. Стойност на свойството са всякакви единици за размери или ключовото свойство auto, което позволява на браузъра самостоятелно да изчислява размера на елемента (поведение по подразбиране).

Синтаксис

cssселектор {
  width: стойност;
}

Пример

Задаваме ширина на елемента от 300px:

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

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

Результат:

Пример

Нека направим така, че елементът да заема 70% от ширината на своя родител (в нашия случай това ще бъде прозореца на браузъра):

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

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

Результат:

Вижте също