line-height

  • Revision slug: CSS/line-height
  • Revision title: line-height
  • Revision id: 25944
  • Created:
  • Creator: DBaron
  • Is current revision? No
  • Comment /* Summary */

Revision Content

{{template.CSSRef()}}

Summary

line-height specifies the height of inline boxes that is used to compute the height of the line (except for replaced inline boxes, like images). The height of the line is chosen to hold all of the boxes inside of it.

  • {{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 of inline boxes that is used to compute the height of the line (except for replaced inline boxes, like images).  The height of the line is chosen to hold all of the boxes inside of it.
</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