CSS Width

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

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 Advertisment

Buy This Ad Space @$20 per Month, Ad Size 600X200 Contact on: hitesh.xc@gmail.com or 9999595223

Magenet is best Adsense Alternative here we earn $2 for single link, Here we get links ads. Magenet

For Projects 9999595223

Google Advertisements


Buy Websites 9999595223

Buy College Projects with Documentation Contact on whatsapp 9999595223. Contact on: hitesh.xc@gmail.com or 9999595223 Try this Keyword C++ Programs

Advertisements