mozilla

Revision 25947 of line-height

  • Revision slug: CSS/line-height
  • Revision title: line-height
  • Revision id: 25947
  • Created:
  • Creator: Mgjbot
  • Is current revision? No
  • Comment robot Adding: [[fr:CSS:line-height]] <<langbot>>

Revision Content

{{ 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.

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

Syntax

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

Values

normal 
<number> 
<length> 
<percentage> 

Examples

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

example goes here

Notes

Specifications

Browser compatibility

(Sample Compatibility Chart)

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

See also

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


{{ languages( { "es": "es/CSS/line-height", "fr": "fr/CSS/line-height" } ) }}

Revision Source

<p> {{ 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> {{ Xref_cssinitial() }}: {{ Cssxref("normal") }}
</li><li> Applies to: all elements
</li><li> {{ Xref_cssinherited() }}: yes
</li><li> Percentages: refer to the font size of the element itself </li><li> Media: {{ Xref_cssvisual() }}
</li><li> {{ 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 | {{ Xref_cssnumber() }} | {{ Xref_csslength() }} | {{ Xref_csspercentage() }} | {{ 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>{{ CSSRefExampleLink("line-height") }}
</p>
<pre class="eval">example goes here
</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>{{ Cssxref("font-size") }}
</p><p><br>
</p>
<div class="noinclude">
</div>
{{ languages( { "es": "es/CSS/line-height", "fr": "fr/CSS/line-height" } ) }}
Revert to this revision