With every domain name you register with ZappyHost, you get FREE hosting.

With every new non-domain purchase thru ZappyHost, you get a domain name for only $1.99.

CSS Height and Width

CSS includes height and width properties to help you specify the size of your elements.

'height' and 'width' Properties

Applies to all HTML elements except non-replaced inline elements, table columns and column groups.

Can use a fixed height (i.e. pixels) or a percentage height.


<div style="background-color:orange;height:125px;width:75px;">
This div has height and width applied.
</div>

This results in:

This div has height and width applied.

Enables you to constrain the height and/or width of an element to a maximum value.


<div style="background-color:orange;max-height:125px;max-width:75px;">
This div has max-height and max-width applied.
</div>

This results in:

This div has max-height and max-width applied.

Enables you to constrain the height and/or width of an element to a minimum value.


<div style="background-color:orange;min-height:125px;min-width:75px;">
This div has min-height and min-width applied.
</div>

This results in:

This div has min-height and min-width applied.

Link to this page (copy/paste into your own website or blog):
<a href="http://www.quackit.com/css/tutorial/css_height_width.cfm">CSS Height and Width</a> from Quackit.com
Add this page to your favorite social bookmarks sites:
Add this page to your Favorites