CSS width Property

Example

Set the height and width of a paragraph:

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

Try it yourself »

More examples at the bottom of this page.

The width property sets the width of an element.

Note: The width property does not include padding, borders, or margins!

The width property is supported in all major browsers.

Note: No versions of Internet Explorer (including IE8) support the property value "inherit".

Value	Description
auto	The browser calculates the width. This is default
length	Defines the width in px, cm, etc.
%	Defines the width in percent of the containing block
inherit	Specifies that the value of the width property should be inherited from the parent element

Set the width of an element using percent
This example demonstrates how to set the width of an element using a percent value.

CSS tutorial: CSS Dimension

CSS tutorial: CSS Box model

HTML DOM reference: width property