CSS Max-Width Property

In this chapter you will learn:
About max-width property
Values of this property
Example of this property

CSS max-width property is used to specify the maximum width of element or tag. If you have used this property in your program to set the maximum width of element then you can’t increase the width of that element.

Values of this property-
Values Description
length Width in px, cm etc.
none No maximum width is specified. It is the default value of max-width
initial Specify the default value of this property
inherit Inherited from parent
Examples of this property-
<html>
<head>
   
    <title>Example of max-width property</title>
    <style type="text/css">
   #a
   {
      max-width:200px; /* maximum width is 200px */
      background-color:yellow;
   }
    </style>
    </head>
<body>
<div> This is the example of max-width property</div><br/><br/>
<div id="a"> This is the example of max-width property. <br/>
The maximum width of this division has set to 200 so <br/>
it will only show the background-color to the maximum width (200px)</div>
</body>
</html>

Output:-
example of max-width
SUMMARY

In this chapter, you have learned about the max-width property. If you want to know more properties of CSS then click on Next button-

 

Share your thought