Compare Revisions

line-height

Change Revisions

Revision 25947:

Revision 25947 by Mgjbot on

Revision 25948:

Revision 25948 by Jürgen Jeka on

Title:
line-height
line-height
Slug:
CSS/line-height
CSS/line-height
Tags:
css, "CSS Reference"
css, "CSS Reference"
Content:

Revision 25947
Revision 25948
n14      <code>line-height</code> specifies the height of inline boxn14      On inline elements, <code>line-height</code> specifies the 
>es that is used to compute the height of the line (except for rep>height that is used in the calculation of the line box height.<br
>laced inline boxes, like images). The height of the line is chose>>
>n to hold all of the boxes inside of it. 
15      On block level elements, <code>line-height</code> specifies
 > the minimal height of line boxes within the element.
n33    <pre class="eval">n34    <pre class="eval" style="white-space: nowrap;">
34property: normal | {{ Xref_cssnumber() }} | {{ Xref_csslength() }35property: normal | {{ Xref_cssnumber() }} | {{ Xref_csslength() }
>} | {{ Xref_csspercentage() }} | {{ Cssxref("inherit") }}>} | {{ Xref_csspercentage() }}
n41        normal&nbsp;n42        normal
nn44      <dd>
45        Depends on the user agent. Desktop browsers (including Fi
 >refox) use a default value of roughly <strong>1.2</strong>, depen
 >ding on <code>font-size</code> and <code>font-family</code> of th
 >e element.
46      </dd>
n44        &lt;number&gt;&nbsp;n48        &lt;number&gt;
nn50      <dd>
51        The used value is this {{ Xref_cssnumber() }} multiplied 
 >by the element's font size. The computed value is thee as the spe
 >cified <code>&lt;number&gt;</code>.
52      </dd>
n47        &lt;length&gt;&nbsp;n54        &lt;length&gt;
nn56      <dd>
57        The specified {{ Xref_csslength() }} is used in the calcu
 >lation of the line box height. See {{ Xref_csslength() }} values 
 >for possible units.
58      </dd>
n50        &lt;percentage&gt;&nbsp;n60        &lt;percentage&gt;
nn62      <dd>
63        Relative to the font size of the element itself. The comp
 >uted value is this percentage multiplied by the element's compute
 >d font size.
64      </dd>
n56    <p>n69    <pre>
57      {{ CSSRefExampleLink("line-height") }}70/* All rules below have the same resultant line height */
58    </p>71 
59    <pre class="eval">72div { line-height: 1.2;   font-size: 10pt }   /* number */ 
60example goes here73div { line-height: 1.2em; font-size: 10pt }   /* length */ 
74div { line-height: 120%;  font-size: 10pt }   /* percentage */
75div { line-height: 12pt;  font-size: 10pt }   /* lenght */
76div { font: 10pt/1.2em Georgia,"Bitstream Charter",serif }
nn81    <p>
82      [<em>fixme: add something about the difference of unitless 
 >values</em>]
83    </p>
n70        <a class="external" href="http://www.w3.org/TR/CSS21/visun89        <a class="external" href="http://www.w3.org/TR/CSS21/visu
>det.html#propdef-line-height">CSS 2.1</a>>det.html#propdef-line-height">CSS 2.1 Visual formatting #line-hei
 >ght</a>
n76    <p>n
77      (Sample Compatibility Chart)
78    </p>
n94            ?n110            4.0
n102            1n118            1.0
103          </td>
104        </tr>
105        <tr>
106          <td>
107            Netscape
108          </td>
109          <td>
110            ?
n118            ?n126            3.5
n126            ?n134            1.0
n138      <br>n146      &nbsp;
tt148    <p>
140    <div class="noinclude"></div>{{ languages( { "es": "es/CSS/li149      {{ languages( { "es": "es/CSS/line-height", "fr": "fr/CSS/l
>ne-height", "fr": "fr/CSS/line-height" } ) }}>ine-height" } ) }}
150    </p>

Back to History