Exploring the Role of Width in Website Design

Свойство width в CSS определяет ширину элемента. Значение свойства может быть задано в пикселях, процентах, em, rem, vw или любых других единицах измерения.

Примеры использования свойства width:

1. Установка ширины блока в пикселях:

.block {
  width: 300px;
}

2. Установка ширины блока в процентах от ширины родительского элемента:

.parent {
  width: 600px;
}
.child {
  width: 50%;
}

3. Установка ширины блока в зависимости от содержимого:

.autowidth {
  width: auto;
}

4. Использование вычисляемых значений для ширины:

.main {
  width: calc(100% - 20px);
}

5. Использование значения по умолчанию для ширины:

.default {
  width: initial;
}

Ширина элемента может также быть задана с помощью JavaScript. Например:

let element = document.getElementById("myElement");
element.style.width = "300px";