Свойство width в CSS

  • предыдущая страница widows
  • следующая страница word-break

Определение и использование

Атрибут width устанавливает ширину элемента.

Описание

Этот атрибут определяет ширину области содержимого элемента, вокруг которой можно добавить отступы, рамки и маргин.

Внутренние неразменные элементыignore this attribute.

См. также:

Учебник CSS:Размеры CSS

Учебник CSS:Обзор модели фрейма CSS

Руководство по CSS:Атрибут height

Руководство по HTML DOM:Атрибут width

Пример

Установите высоту и ширину абзаца:

p
  {
  height:100px;
  width:100px;
  }

Попробуйте сами

CSS синтаксис

width: auto|value|initial|inherit;

Значение атрибута

Значение Описание
auto Значение по умолчанию. Браузер может вычислить фактическую ширину.
length Используйте единицы измерения, такие как px, cm и т.д., для определения ширины.
% Определяет процентную ширину, основанную на ширине блока (родительского элемента).
inherit Определяет, что значение width должно быть принято от родительского элемента.

Технические детали

Значение по умолчанию: auto
Инheritance: нет
Версия: CSS1
JavaScript синтаксис: object.style.width="50px"

TIY пример

Использование пиксельных значений для установки ширины элемента
Этот пример демонстрирует, как использовать пиксельные значения для установки ширины элемента.
Использование процента для установки ширины элемента
Этот пример демонстрирует, как использовать проценты для установки ширины элемента.

поддержка браузерами

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5
  • предыдущая страница widows
  • следующая страница word-break