Свойство 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;
}

Результат:

Смотрите также