height

The box position properties are used to specify how the elements of the page relate to one another. That is, it is used to control the placement of the items on the page. height This property is used to control the height of an element on the page, and is mostly used with images. You would normally use the height of the image itself for this setting. If an image is larger or smaller than the height specified here, the image will be scaled by the browser to fit the specified height. A negative value will not be allowed. height values length The length value may be specifed with relative or absolute values. The measurement options for this value are: • mm millimeters. • cm centimeters. • in inches. • pt points, which is a way of measuring the font size. One point is 1/72 (one seventy-second) of an inch. • pc picas, which is yet another way of measuring font size. One pica is equal to 12 points. • px pixels, which is one screen element. The display you're looking at is comprised of thousands of individual dots, each of which can change in color and luminosity to achieve the desired image. Each of these dots is referred to as a pixel. • ex x-height settings, which is the height of the font's lower case letter 'x'. • em em setting. One em is equivalent to the width of a capital letter in the chosen font. Millimeters, centimeters, inches, points, and picas are considered to be absolute lengths because you're specifying the exact size of the type. Relative units such as em and ex are interpreted as references to the parent font size. Percentage This value sets the height for the element (the 'thing') as a percentage of the original height of that element. auto This value will allow the browser to automatically place the image or element on the page using its original size. EXAMPLES: img.logo {height: auto; width: auto} This example will cause the image associated with the 'logo' class to be placed on the page using its original height and width. img.logo {height: 200%; width: 200%} This example will cause the image associated witht he 'logo class to be placed on the page at twice (200%) its original height and width.