max-height: 50px; : max height « CSS « HTML / CSS

Home
HTML / CSS
1.CSS
2.CSS Controls
3.Form
4.IE Firefox
5.Layout
6.Marquee Attributes
7.Meta Tags
8.Microsoft Attributes
9.Object
10.Reference
11.Style Basics
12.Tags
13.Templates
14.XML
HTML / CSS » CSS » max height 
max-height: 50px;
   
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
                      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en'>
    <head>
        <title>max-height</title>
<style type='text/css'>
{
    font: 12px sans-serif;
    border: 1px solid steelblue;
    background: lightsteelblue;
    padding: 5px;
    max-height: 50px;
}
</style>


    </head>
    <body>
        <p>
            Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In et
            nulla. Vestibulum ante ipsum primis in faucibus orci luctus et
            ultrices posuere cubilia Curae; Maecenas sit amet ligula.
        </p>
        <p>
            Phasellus purus augue, varius eu, semper id, ornare ac, tellus.
        </p>
        <p>
            Etiam bibendum ante et enim. Mauris consectetuer dapibus felis. Cras
            quis lacus. Suspendisse rhoncus felis ut felis. Fusce mollis mi
            in libero. Proin sed ipsum. Vivamus ultrices. In fermentum egestas
            nunc. Mauris nec enim. Donec magna nibh, hendrerit ut, euismod id,
            nonummy eu, mi. Cras porta metus. Cras dictum. Curabitur id nisi
            mattis massa euismod ornare. Sed quam. Aenean scelerisque.
        </p>
    </body>
</html>

   
    
    
  
Related examples in the same category
1.max-height: 200px
2.max height
3.max-width and min-width
4.max-height and min-height
5.max-width, min-width,max-height
java2s.com  | Contact Us | Privacy Policy
Copyright 2009 - 12 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.