line-heightNN 4   IE 4   CSS 1
 Inherited: Yes
 

Sets the height of the inline box (the box holding one physical line of content). Under normal circumstances, the line-height of the tallest font in a line of text or the tallest object governs the line height for that content line. In theory, you should be able to set the line-height of a block element and have that value apply to all content lines, regardless of the font face or font size specified for inline content.

In practice, both Navigator 4 and Internet Explorer 4 can experience line space rendering problems when the font-size of inline text is larger than the size of surrounding text. Not all lines of the outer block adhere to the block's line-height setting as expected (especially lines after the larger text segment). Moreover, in Navigator 4, the line-height attribute does not traverse more than one generation if the second generation element becomes a block-level element (such as a positioned or floated element). Test these settings extensively to make sure you get the look you desire.

 
CSS Syntax
line-height: normal | number | length | percentage
 
JavaScript Equivalent
lineHeight
 
Value
A value of normal lets the browser calculate line spacing for the entire element, thus producing a computed value that can be inherited by nested elements. A number value (greater than zero) acts as a multiplier for the font-size of the current element. Therefore, if a nested element inherits the line-height multiplier from its parent, that multiplier is applied to the current element's font-size setting (the multiplier, not the computed value of the parent, is inherited). A length value assigns an actual value to the inline box height. And a percentage value is a multiplier applied to the font size of the current element. In this case, the computer value can be inherited by nested elements.
 
Initial Value
normal
 
Example
P {line-height: normal}       Browser default; actual value is  inheritable

P {line-height: 1.1}          Number value; the number value is inheritable

P {line-height: 1.1em}        Length value; the actual value is inheritable

P {line-height: 110%}         Percentage value; percentage times font size is inheritable
 
Applies To
All elements.
 
Object Model Reference
IE [window.]document.all.elementID.style.lineHeight
Hosted by uCoz