CSS2 Test Suite: 10.7 max-height

[index page] [section] [Previous] [Next] [Specification]

The style declarations contained within this page:

.test {background-color: silver;}
.cl1 {height: 250px; max-height: 100px;}
.cl2 {max-height: 50%;}
.cl2contain {height: 10px; border: 1px dotted gray;}

[test cl1] This 'p' element has a height of 250 pixels, and a maximum height of 100 pixels. It should thus be no more than 100 pixels tall.

The following 'div' has a class of 'cl2contain', and contains an image with a class of 'cl2'. The image should be a maximum of half the height of the content-height of the 'div' that contains it.

test image

[index page] [section] [Previous] [Next] [Specification]