'height'
     Value:   <length> | <percentage> | auto | inherit
     Initial:   auto
     Applies to:   all elements but non-replaced inline elements, table 
columns, and column groups
     Inherited:   no
     Percentages:   see prose
     Media:   visual

This property specifies the content height of boxes generated by 
block-level and replaced elements.

This property does not apply to non-replaced inline-level elements. The 
height of a non-replaced inline element's boxes is given by the 
element's (possibly inherited) 'line-height' value.

You might find the sidebar tabs for css2 at 
http://developer.netscape.com/evangelism/  helpful

--bc

rvj wrote:

> Im sure this must have been raised before but do  class styles cascade so
> that  an inner element inherits the class styling of the the outer
> element..?
> 
> The following displays a red box rather than a green box.
> 
> It appears that the inner box is not inheriting the outer elements height
> and width so is not visible.
> 
> Ive tried using explicitly using width:inherit; and height:inherit but this
> doesnt work
> either.
> 
> Is this a bug?
> 
> <STYLE>
> .outer
> {
>  display:block;
>  width:50px;
>    height:50px;
>  background-color:red;
> }
> 
> .inner
> {
>  background-color:green;
> }
> 
> </STYLE>
> 
> </HEAD>
> <BODY >
> 
> <div class="outer">
> <div class="inner"/>
> </div>
> 
> 
> 
> 
> 
> 
> 
> 
> 
> 


Reply via email to