Copyright © tutorialspoint.com

CSS - max-width

previous next


Description:

The max-width property is used to set an upper bound on the width of an element.

Possible Values:

Applies to:

All the HTML elements except non-replaced inline elements and table elements.

DOM Syntax:

object.style.maxWidth="50px"

Example:

Here is the example:

<p style="max-width:100px; height:200px;border:1px solid red;
             padding:5px; margin:10px;">
This paragraph is 200px high and max width is 100px
This paragraph is 200px high and max width is 100px
This paragraph is 200px high and max width is 100px
This paragraph is 200px high and max width is 100px
This paragraph is 200px high and max width is 100px
</p>
<img alt="logo" src="/images/css.gif" width="95" height="84" />

This will produce following result:

This paragraph is 200px high and max width is 100px This paragraph is 200px high and max width is 100px This paragraph is 200px high and max width is 100px This paragraph is 200px high and max width is 100px This paragraph is 200px high and max width is 100px

logo

To Become more comfortable - Do Online Practice


previous next

Copyright © tutorialspoint.com