CSS Width


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

ValueDescription
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>  
<html>  
<head>  
<style>  
img.normal {  
    width: auto;  
}  
img.big {  
    width: 150px;  
}  
img.px {  
    height: 120px;  
    width: 100px;  
}  
</style>  
</head>  
<body>  
<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">  
</body>  
</html>

Output

logo logo logo

Browser supported

Properties
widthYesYesYesYesYes

Prev Tutorial Next Tutorial

Google Advertisements
Download Projects

Google Adsense Advertisements

Buy 3 Year Old Domain, Tutorialday.com, SeosmoTools.com @$200

Buy This Ad Space @$50 per Month, Ad Size 300X250 Contact on: hitesh.xc@gmail.com WhatsApp no. 8882538826

Yahoo Advertisements