CSS - CSS Dimension - CSS Min Width Property




 CSS Min Width Property

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

CSS Min Width Property - Definition and Usage

  • In css min-width property is used to apply the minimum width of the element.
  • It avoids value of the height property from becoming larger than min-width.
  • Min-width property can be set to default or be specified in length values like px, cm, % of the containing block.
CSS min width property
  • The minimum width property is used to assign the minimum width of an element.
  • The estimation of the min-width property can be a number, a length, or a rate.

css coding - Example:

p
{  
min-width: 600px;
height: 200px;
border: 3px solid #73AD21;
}
click below button to copy the code. By - css tutorial - team

html sample code - html and css

 Tryit<!DOCTYPE html>
<html>
    <body>
        <p style="min-width:100px; 
            border:1px solid green">
            Welcome to Wikitechy.Best E-Learning Website in the world.
            Wikitechy want to reshape e-learning platform.
        </p>
    </body>
</html>
click below button to copy the code. By - css tutorial - team

Code Explanation - stylesheet css

Code Explanation CSS Min Width Property
  1. For a paragraph element p we have specified its minimum width to be 100pixels using min-width property.
  2. Border property for a <p> tag creates a border around it. Border values 1px solid green defines the border strength, style and color respectively.

html and css training course - output :

Output CSS Min Width Property
  1. Here the paragraph text “Welcome to Wikitechy. Best E-Learning Website in the world. Wikitechy want to reshape e-learning platform.” has a minimum width of 100 pixels where the text cannot be typed beyond 100 pixels.

This page provides a detailed information on introduction to css , css sheet , css for html , introduction to html and css , css with html , css style code , html css generator , css4 tutorial , css source , css html javascript , basic css tutorial , html with css example , html css basics , css style sheet example , best css tutorial , basics of css , css home page , html css online editor , css layout tutorial , html and css test.


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 Min Width Property