CSS width Property

Установите высоту и ширину <p> элемента:

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

Больше "Try it Yourself" примеры ниже.

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

Ширина свойство устанавливает ширину элемента.

Note: Ширина свойство не включает отступы, рамки или поля; он устанавливает ширину зоны внутри отступа, границы и край элемента!

Note: мин-ширина и макс-ширина свойства переопределить ширину.

Значение по умолчанию:	auto
Наследование:	no
Animatable:	yes. Read about animatable Try it
Версия:	CSS1
Синтаксис JavaScript:	object .style.width="500px" Try it

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

Имущество
width	1,0	4.0	1,0	1,0	3.5

width: auto|value|initial|inherit;

Стоимость	Описание	Сыграй
auto	Значение по умолчанию. Браузер вычисляет ширину	Сыграй "
length	Определяет ширину в рх, см и т.д.	Сыграй "
%	Определяет ширину в процентах от содержащего блока	Сыграй "
initial	Устанавливает это свойство в значение по умолчанию. Читайте о первоначальный	Сыграй "
inherit	Наследует это свойство от своего родительского элемента. Читайте о унаследовать

Установите ширину <img> элемент , используя процентное значение:

img {
width: 50%;
}

Установите ширину <входной тип = "текст"> элемент в 100px. Тем не менее, когда он получает фокус, сделать его 250px широкий:

input[type=text] {
width: 100px;
}

input[type=text]:focus {
width: 250px;
}