CSS - CSS Dimension - CSS Max Width Property




 CSS Max Width Property

Learn css - css tutorial - CSS Max Width Property - css examples - css programs

CSS Max Width Property - Definition and Usage

  • In css max-width properties is used to apply the maximum width of the element.
  • It avoids value of the width property from becoming larger than max-width.
  • Max-width property can be set to default or be specified in length values like px, cm, % of the containing block.
CSS max width property
  • In CSS, the max-width property defines the maximum width of an html element like <h1>, <h2>, <p> tag etc.
  • The estimation of the maximum width property can be in a number, length and percentage.

css code - Example:

p 
{  
    max-width: 150px;
    height: 200px;
    border: 3px solid black;
}
click below button to copy the code. By - css tutorial - team

Sample Code - html css

 Tryit<!DOCTYPE html>
<html>
    <body>
        <p style="max-width:30px; height:200px; 
            border:1px solid blue;">
            Welcome To Wikitechy! Best E-Learning Platform!
        </p>
    </body>
</html>
click below button to copy the code. By - css tutorial - team

Code Explanation - style css

Code Explanation CSS Max Width Property
  1. In CSS, max-width property is used to allocate a maximum width for an element. Here we had specified the maximum width of a paragraph tag (p element) as 30 pixels.
  2. Similarly, height property defines the height of an element. Here we had specified the maximum height for the paragraph text as 200pixels.
  3. Border property is used to create a border around an element. Border values 1px solid blue defines the border strength, style and color respectively.

css tutorial - output :

Output CSS Max Width Property
  1. Here the paragraph text “welcome to wikitechy” have maximum width of 20 pixels and have blue color border around it which is also in 20 pixel width as displayed in the browser window.

This page provides a detailed information on html and css for beginners , w3 css tutorial , css design code , css standard , css3 documentation , css stylesheet editor , tutorial html css , html css online , css creator , css generator online , css compressor online , css online generator , css tutorial for beginners with examples , css3 html , css for dummies , html a css , html css book , css code examples , table css examples , css website examples.


View More Quick Examples

CSS BASICS & SELECTORS CSS SELECTOR ATTRIBUTE CSS STYLE FORMS COLORS & BACKGROUND CSS MARGIN & PADDING CSS WIDTH & HEIGHT CSS LINKS CSS BLOCKS

Related Searches to CSS Dimension Max Width Property