CSS Width
Advertisements
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
| Value | Description |
|---|---|
| auto | It is a default value. it is used to calculate the width.. |
| length | It is used to define the width in px, cm etc. |
| % | It defines the width of the containing block in %. |
| initial | It is used to set the property to its default value. |
| inherit | It 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
Browser supported
| Properties | |||||
| width | Yes | Yes | Yes | Yes | Yes |
Google Advertisment