CSS - CSS Dimension - CSS Min Height Property




 CSS Minimum Height

Learn css - css tutorial - CSS Minimum Height - css examples - css programs

CSS Min Height Property - Definition and Usage

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

syntax - code css

p
{ 
width: 400px;
min-height: 100px;
border: 3px solid green;
}
click below button to copy the code. By - css tutorial - team

sample html code - html and css tutorial

Tryit<!DOCTYPE html>
<html>
  <body>
    <p style="min-height:100px; background-color:yellow">
   Welcome To Wikitechy.Best E-Learning website in the world.
   </p>
  </body>
</html>
click below button to copy the code. By - css tutorial - team

Code Explanation - stylesheet css

min height css
  1. The Min-height property specifies the minimum length of a paragraph text, to prevent maximum height property overlapping height property. Here we have specified max-height property as 100px for paragraph tag.
  2. Background-color property in css is used to display a background color for an html element. Over here we have given background color property value as yellow for <p> element.

Code Output - online css training

min width css
  1. Here the text “Welcome to Wikitechy. Best E-Learning Website in the world” appears with a minimum height of 100pixels and background color yellow appears for 100pixels 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 - min height Property

Adblocker detected! Please consider reading this notice.

We've detected that you are using AdBlock Plus or some other adblocking software which is preventing the page from fully loading.

We don't have any banner, Flash, animation, obnoxious sound, or popup ad. We do not implement these annoying types of ads!

We need money to operate the site, and almost all of it comes from our online advertising.

Please add wikitechy.com to your ad blocking whitelist or disable your adblocking software.

×