CSS max-width property

CSS Web Development Front End Technology

The max-width property is used to set the maximum width that a box can be. The value of the max-width property can be a number, a length, or a percentage.

<html>
   <head>
   </head>
   <body>
      <p style = "max-width:100px; height:200px; border:1px solid green; padding:5px; margin:10px;">
         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="/css/images/logo.png" width = "100" height = "100" />
   </body>
</html>

Karthikeya Boyini

Published on 17-Apr-2018 11:57:54

Related Questions & Answers
The max-width Property in CSS
Use CSS max-width property for responsive image
Use CSS max-width property responsive for video player
CSS width property
Perform Animation on CSS max-width
CSS max-height property
CSS outline-width property
CSS min-width property
Animate CSS width property
Set min-width and max-width of an element using CSS
The max-height Property in CSS
Usage of width property with CSS
Animate CSS border-left-width property
Animate border-top-width CSS property
The outline-width Property in CSS

Previous Page Print Page