Свойство width


Свойство width может быть применено к текстовым элементам, но наиболее полезно при применении к графическим элементам. Необходимая ширина достигается путем масштабирования изображения. Если при этом свойство height установлено в значение auto, то масштабирование осуществляется с сохранением пропорций. Если оба свойства height и width выставлены в значение auto то размеры элемента определяются браузером. Отрицательные значения не допускаются.

Синтаксис
width: inherit | auto | «размер» | «процентное значение»
Возможные значения и ключевые слова
inheritзначение родительского элемента
autoразмер, определенный браузером
«размер»линейный размер, заданный дизайнером
«процентное значение»по отношению к ширине родительского элемента
Разное
Значение по умолчаниюauto
Применимок блочным и замененным элементам
Наследованиенет
Процентная записьпо отношению к ширине родительского элемента или элемента замены
Mediavisual

В следующем пример, при помощи свойства width, для изображений (тег img) задается ширина в 200 пикселей. При помощи того же свойства width, для таблицы (тег table) задается ширина в 80% от ширины родительского элемента.

 img   {width:200px;}
 table {width:80%;}

Навигация

вертикальные жалюзи.