Scholar Repository
Home>Manual>CSS Width Property

CSS Width Property

From http://www.w3schools.com (Copyright Refsnes Data)

CSS width Property


CSS Reference Complete CSS Reference


Definition

The width property sets the width of an element.

Inherited: No


JavaScript Syntax

CSS properties can also be dynamically changed with a JavaScript.

Scripting Syntax: object.style.width="300px"

In our HTML DOM tutorial you can find more details about the width property.

In our HTML DOM tutorial you can also find a full Style Object Reference.


Example

img
{
width: 100%
}

Possible Values

Value Description
auto Default. The browser calculates the actual width
% Defines the width in % of the parent element's width
length Defines the width in px, cm, etc. 

 


Try-It-Yourself Demos

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

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


CSS Reference Complete CSS Reference

From http://www.w3schools.com (Copyright Refsnes Data)

Home>Manual>CSS Width Property