Wednesday 13th of December 2017 08:02:44 PM

Book Home

Cascading Style Sheets: The Definitive GuideSearch this book

Symbols | A | B | C | D | E | F | G | H | I | J | K | L | M | N | O | P | Q | R | S | T | U | V | W | X | Y | Z

Index: K

keywords: 2.1.3. Declarations
for background positioning: 6.2.3.1. Keywords
multiple: 2.1.3. Declarations
number: 5.2.1. How Weights Work
transparent: 6.1.2. Background Color
kursiv text: 5.4.1. Fonts with Style


Symbols | A | B | C | D | E pixels tall, and its top is aligned with the top of the line box. Thus Figure 8-56.

Figure 8-56

Figure 8-56. Top-aligning text with a different line height

Before we go any further, let's see what happens when we add box properties to inline elements.

8.4.2.2. Adding box properties

|
F | G | H | I | J | K | L | M | N | O | P | Q | R | S | T | U | V | W | X | Y | Z


Library Navigation Links

Copyright © 2002 O'Reilly & Associates, Inc. All Rights Reserved.

<P>This paragraph has a line-height of 1.5 times its font-size. In addition,any elements within it <SMALL>such as this small element</SMALL> also haveline-heights 1.5 time their font-size... and that includes <BIG>this bigelement right here</BIG>. By using a scaling factor, line-heights scaleto match the font-size of any element.</P>
Figure 8-64

Figure 8-64. Using a scaling factor for line-height

In this example, the line-height for theSMALL element turns out to be12px , and for the BIG element,it's 36px . These may seem excessive, but