mozilla

Revision 25943 of line-height

  • Revision slug: CSS/line-height
  • Revision title: line-height
  • Revision id: 25943
  • Created:
  • Creator: BijuGC
  • Is current revision? No
  • Comment new page

Revision Content

{{template.CSSRef()}}

Summary

line-height specifies the height or minimal height of line boxes within the element.

  • {{template.Xref_cssinitial()}}: {{template.Cssxref("normal")}}
  • Applies to: all elements
  • {{template.Xref_cssinherited()}}: yes
  • Percentages: refer to the font size of the element itself
  • Media: {{template.Xref_cssvisual()}}
  • {{template.Xref_csscomputed()}}: for <length> and <percentage> the absolute value; otherwise as specified

Syntax

property: normal | {{template.Xref_cssnumber()}} | {{template.Xref_csslength()}} | {{template.Xref_csspercentage()}} | {{template.Cssxref("inherit")}}

Values

normal 
<number> 
<length> 
<percentage> 

Examples

{{template.CSSRefExampleLink("line-height")}}


Notes

Specifications

Browser compatibility

(Sample Compatibility Chart)

Browser Lowest Version
Internet Explorer ?
Firefox 1
Netscape ?
Opera ?
Safari ?

See also

{{template.Cssxref("font-size")}}

Revision Source

<p> 
{{template.CSSRef()}}
</p>
<h3 name="Summary"> Summary </h3>
<p><code>line-height</code> specifies the height or minimal height of line boxes within the element. 
</p>
<ul><li> {{template.Xref_cssinitial()}}: {{template.Cssxref("normal")}}
</li><li> Applies to: all elements
</li><li> {{template.Xref_cssinherited()}}: yes
</li><li> Percentages: refer to the font size of the element itself 
</li><li> Media: {{template.Xref_cssvisual()}}
</li><li> {{template.Xref_csscomputed()}}: for &lt;length&gt; and &lt;percentage&gt; the absolute value; otherwise as specified
</li></ul>
<h3 name="Syntax"> Syntax </h3>
<pre class="eval">property: normal | {{template.Xref_cssnumber()}} | {{template.Xref_csslength()}} | {{template.Xref_csspercentage()}} | {{template.Cssxref("inherit")}}
</pre>
<h3 name="Values"> Values </h3>
<dl><dt>normal </dt><dd>
</dd><dt>&lt;number&gt; </dt><dd>
</dd><dt>&lt;length&gt; </dt><dd>
</dd><dt>&lt;percentage&gt; </dt><dd>
</dd></dl>
<h3 name="Examples"> Examples </h3>
<p>{{template.CSSRefExampleLink("line-height")}}
</p>
<pre></pre>
<h3 name="Notes"> Notes </h3>
<h3 name="Specifications"> Specifications </h3>
<ul><li> <a class="external" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height">CSS 2.1</a>
</li></ul>
<h3 name="Browser_compatibility"> Browser compatibility </h3>
<p>(Sample Compatibility Chart)
</p>
<table class="standard-table">
  <tbody><tr>
    <th>Browser</th>
    <th>Lowest Version</th>
  </tr>
  <tr>
    <td>Internet Explorer</td>
    <td>?</td>
  </tr>
  <tr>
    <td>Firefox</td>
    <td>1</td>
  </tr>
  <tr>
    <td>Netscape</td>
    <td>?</td>
  </tr>
  <tr>
    <td>Opera</td>
    <td>?</td>
  </tr>
  <tr>
    <td>Safari</td>
    <td>?</td>
  </tr>
</tbody></table>
<h3 name="See_also"> See also </h3>
<p>{{template.Cssxref("font-size")}}
</p>
Revert to this revision