webmonkey

 

height

Page history last edited by Micah Windley 2 yrs ago

 

height


 

!-- This definition was referenced from http://www.w3schools.com/css/pr_dim_height.asp --!

height allows you to control the height of an element on the screen.

 

 

-An example would be setting the height of a div to 230 pixels.

Simply place div { height: 230px; } in the < head > section.

 

 

Possible Values

auto: default. the browser calculates the actual height.

length: defines the height in px, cm, etc.

percent: defines the height in % of the containing block.

 

 

 

Example

 

< style type="text/css">

div { height: 230px; }

< /style>


< div >

This Box is 230 pixels in height.

< /div >

 

A second example would be to set the height of a border around an image or text.

-Just like before you would put in the head section the height you want it in units.

 

Enter in the style section of the page .example { height:200px; }This will create a selector for this example and set the height to 200 pixels.

Example

< style type="text/css">

.example { height:200px; }

< /style>


 

Example Text Example Text

 

 

 

Comments (0)

You don't have permission to comment on this page.