Свойство width
Свойство width может быть применено к текстовым элементам, но наиболее полезно при применении к графическим элементам. Необходимая ширина достигается путем масштабирования изображения. Если при этом свойство height установлено в значение auto, то масштабирование осуществляется с сохранением пропорций. Если оба свойства height и width выставлены в значение auto то размеры элемента определяются браузером. Отрицательные значения не допускаются.
| Синтаксис | |
|---|---|
| width: inherit | auto | «размер» | «процентное значение» | |
| Возможные значения и ключевые слова | |
| inherit | значение родительского элемента |
| auto | размер, определенный браузером |
| «размер» | линейный размер, заданный дизайнером |
| «процентное значение» | по отношению к ширине родительского элемента |
| Разное | |
| Значение по умолчанию | auto |
| Применимо | к блочным и замененным элементам |
| Наследование | нет |
| Процентная запись | по отношению к ширине родительского элемента или элемента замены |
| Media | visual |
В следующем пример, при помощи свойства width, для изображений (тег img) задается ширина в 200 пикселей. При помощи того же свойства width, для таблицы (тег table) задается ширина в 80% от ширины родительского элемента.
img {width:200px;}
table {width:80%;} 