height :
length |
percentage | auto
Compatibility: IE4+ N6
Version: Level 1
Inherited: No
The height property allows you to set the height of an element
of text or an image. For example, you could embed an image into a specified
position within a text using the float property. Then use the
height and/or width properties to specify an exact size
for the image. If you set the height of an element to a specified
value and set the width property to auto, the element
will be scaled proportionally (i.e., you maintain the aspect ratio).
length
The length value can be in any of the following seven dimensions.
Use the abbreviation.
| Length |
Abbrev. |
| centimeters |
cm |
| ems |
em |
| inches |
in |
| millimeters |
mm |
| picas |
pc |
| pixels |
px |
| points |
pt |
percentage
The percentage value is based upon the total height being defined
as 100%.
auto
The auto value directs the browser to automatically calculate
the height. If both the width and height are set to auto,
the dimensions of the text or image element remains unchanged. By declaring
auto, you can ensure that any previous declaration will not effect
the height of the selected element.
Code:
img { height: 150mm; }
img { height: 2.85in; }
img { height: 45pc; }
img { height: 36pt; }
img { height: 50%; }
img { height: auto; }
img {
height: 3.0in
width: auto
}
or
Code:
<img src="images/guru.gif">
<br>
<img src="images/guru.gif" style="height: 55px; width: auto;">
Output:
Copyright 1999-2001 by Infinite Software Solutions, Inc. All rights reserved.
Trademark Information
|