CSS Width

Google Advertisements

Prev Tutorial Next Tutorial

CSS Width

The CSS width property is used to set the width of the content area of any Html element.

Note: CSS width not include padding borders or margins. It sets width of the area inside the padding, border, and margin of the element.

CSS width values

autoIt is a default value. it is used to calculate the width..
lengthIt is used to define the width in px, cm etc.
%It defines the width of the containing block in %.
initialIt is used to set the property to its default value.
inheritIt is used to inherit the property from its parent element.

Example: css width

<!DOCTYPE html>  
img.normal {  
    width: auto;  
img.big {  
    width: 150px;  
img.px {  
    height: 120px;  
    width: 100px;  
<img class="normal" src="http://www.tutorial4us.com/files/sublogo.png" alt="logo"> 
<img class="big" src="http://www.tutorial4us.com/files/sublogo.png" alt="logo">  
<img class="px" src="http://www.tutorial4us.com/files/sublogo.png" alt="logo">  


logo logo logo

Browser supported


Prev Tutorial Next Tutorial

Download Projects

Adsense Advertisements

Yahoo Ads Advertisements