1
edit
Changes
no edit summary
<span style="margin:0;background:#ffff33;font-size:120%;font-weight:bold;border:1px solid #a3b0bf;text-align:left;color:#000;padding:0.2em 0.4em;">This document is a work in progress and is subject to change.</span><br /><br />
== Summary ==
The line-height property specifies the height of an in-line element box.
<table border="0">
<tr>
<td><b>Applicability:</b></td><td>The line-height property can be used for all CSS elements.<td>
</tr>
<tr>
<td><b>[http://developer.mozilla.org/en/docs/CSS:%40media#Media_groups Media Group:]</b>
</td><td>Visual</td>
</tr>
<tr>
<td><b>Inherited:</b></td><td>Yes</td>
</tr>
</table>
== Syntax ==
<pre>
TARGET_ELEMENT { line-height: value }
</pre>
== Legal Values ==
Values can be entered in 4 ways:
<table border="2">
<tr>
<th>Method</th><th>Example</th>
</tr>
<tr>
<td>normal</td><td>Sets set the computed value to a "reasonable" value based on the font size of the element</td>
</tr>
<tr>
<td>length</td><td>The box height is set to this length.</td>
</tr>
<tr>
<td>number</td><td>The box height is set to this number multiplied by the element's font size.</td>
</tr>
<tr>
<td>percentage</td><td>The box height is set to this percentage multiplied by the element's computed font size.</td>
</tr>
</table>
See [[#Usage Examples | usage examples]] section for more details.
== Mozilla Recommended Values ==
== Usage Examples ==
<pre>
TARGET_ELEMENT { line-height: 1.2; font-size: 10pt } /* number */
TARGET_ELEMENT { line-height: 1.2em; font-size: 10pt } /* length */
TARGET_ELEMENT { line-height: 120%; font-size: 10pt } /* percentage */
</pre>
== Notes ==
The [http://www.w3.org World Wide Web Consortium (W3C)] provides a free online [http://jigsaw.w3.org/css-validator/ CSS validation service].
== Specification Conformance ==
*[http://www.w3.org/TR/CSS1#line-height CSS 1 ]
*[http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height CSS 2.1]
*[http://www.w3.org/TR/css3-linebox/#line-height CSS 3]
== Browser Compatibility ==
== See Also ==
<big>[http://zenit.senecac.on.ca/wiki/index.php/CSS_guide#CSS_Properties Back to CSS Index]</big>
== Summary ==
The line-height property specifies the height of an in-line element box.
<table border="0">
<tr>
<td><b>Applicability:</b></td><td>The line-height property can be used for all CSS elements.<td>
</tr>
<tr>
<td><b>[http://developer.mozilla.org/en/docs/CSS:%40media#Media_groups Media Group:]</b>
</td><td>Visual</td>
</tr>
<tr>
<td><b>Inherited:</b></td><td>Yes</td>
</tr>
</table>
== Syntax ==
<pre>
TARGET_ELEMENT { line-height: value }
</pre>
== Legal Values ==
Values can be entered in 4 ways:
<table border="2">
<tr>
<th>Method</th><th>Example</th>
</tr>
<tr>
<td>normal</td><td>Sets set the computed value to a "reasonable" value based on the font size of the element</td>
</tr>
<tr>
<td>length</td><td>The box height is set to this length.</td>
</tr>
<tr>
<td>number</td><td>The box height is set to this number multiplied by the element's font size.</td>
</tr>
<tr>
<td>percentage</td><td>The box height is set to this percentage multiplied by the element's computed font size.</td>
</tr>
</table>
See [[#Usage Examples | usage examples]] section for more details.
== Mozilla Recommended Values ==
== Usage Examples ==
<pre>
TARGET_ELEMENT { line-height: 1.2; font-size: 10pt } /* number */
TARGET_ELEMENT { line-height: 1.2em; font-size: 10pt } /* length */
TARGET_ELEMENT { line-height: 120%; font-size: 10pt } /* percentage */
</pre>
== Notes ==
The [http://www.w3.org World Wide Web Consortium (W3C)] provides a free online [http://jigsaw.w3.org/css-validator/ CSS validation service].
== Specification Conformance ==
*[http://www.w3.org/TR/CSS1#line-height CSS 1 ]
*[http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height CSS 2.1]
*[http://www.w3.org/TR/css3-linebox/#line-height CSS 3]
== Browser Compatibility ==
== See Also ==
<big>[http://zenit.senecac.on.ca/wiki/index.php/CSS_guide#CSS_Properties Back to CSS Index]</big>