Свойство width устанавливает ширину элемента. Значением свойства служат любые единицы для размеров либо ключевое свойство auto, предоставляющее браузеру самостоятельно вычислять размер элемента (поведение по умолчанию).
Синтаксис
селектор {
width: значение;
}
Пример
Установим ширину элемента в 300px:
<div id="elem"></div>
#elem {
width: 300px;
height: 100px;
border: 1px solid black;
}
:
Пример
Давайте сделаем так, чтобы элемент занял 70% от ширины своего родителя (в нашем случае это будет окно браузера):
<div id="elem"></div>
#elem {
width: 70%;
height: 100px;
border: 1px solid black;
}
: