Width

• Сегодня поговорим про такое свойство как width-устанавливает ширину содержимого элемента.
• По умолчанию ширина зависит от типа элемента: Блочные занимают всю доступную ширину; ширина строчно-блочных равна ширине их содержимому.
• Свойство width позволяет явно задать желаемую ширину элемента, несмотря на его исходное поведение.
• Если для элемента свойство box-sizing задано как border-box, то width определяет ширину блока.

Значение

Ширину можно задавать любые единицы длины, принятые в CSS — например, пиксели (px), дюймы (in), пункты (pt) и др. При использовании процентной записи ширина элемента вычисляется в зависимости от ширины родительского элемента. Если родитель явно не указан, то в его качестве выступает окно браузера.

Дополнительная информация

1. По умолчанию стоит-auto
2. Оно не наследуется
3. Применяется ко всем элементам, кроме сточных и строк таблиц
4. Его можно анимировать

Примечание

Браузер Internet Explorer до версии 6 включительно некорректно определяет width как min-width. В режиме совместимости (quirk mode) Internet Explorer до версии 8 включительно неправильно вычисляет ширину элемента, не добавляя к ней значения отступов, полей и границ.