Friday 19th of January 2018 12:52:54 AM

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: X

x-height: 3.2.2.1. em and ex units
XML (Extensible Markup Language): 1.2.6. Preparing for the Future
display property and: 2.9.1. Why Does the display Property Exist?
selectors in: 2.1.2. Simple Selectors


Symbols | A | B | C | D | E | F | G | H | I | J | K | L | M This is used to declare a specific fontto be used, or a generic font family, or both. Note that the use of aspecific font family is dependent on the user having said fontinstalled on the system. Thus the use of generic font families isstrongly encouraged, since this will cause the user agent to attemptto substitute a similar font.

Example

font-sizeIE4 P/Q IE5 P/Y NN4 Y/Y Op3 Y/-

This sets the size of the font. Thiscan be defined as an absolute size, a relative size, a length value, | 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.

By then, however, it was too late: there was an implementation in the marketplace, and rather than force Microsoft to change the browser and thus potentially cause existing pages to break, the standard was changed to reflect implementation. This means, sadly, that it is impossible to set a consistent clipping rectangle in situations where the height and width are not precisely defined. For example, there is no way to create a clipping rectangle that is 1 em larger than this element's content area:

position: absolute; top: 0; bottom: 50%; right: 50%; left: 0;
position -- in this case, the top left corner of the browserwindow.

Figure 6-29

Figure 6-29. Tiling along the vertical axis

In effect, there is a repeated column in the background, and there isonly one such column. Should you want two columns of symbols in thisexample, then the base image would have to be altered to containside-by-side symbols, as in Figure 6-30.

Figure 6-30

Figure 6-30. Tiling a slightly larger image on the vertical axis

In the meantime, however, here's the script:

<SCRIPT LANGUAGE="JavaScript1.2"><!--var agt = navigator.userAgent.toLowerCase(  );var is_major = parseInt(navigator.appVersion);var is_nav = ((agt.indexOf('mozilla') != -1) &&(agt.indexOf('spoofer') == -1) &&(agt.indexOf('compatible') == -1));var is_nav4 = (is_nav && (is_major == 4));

Note the extra space between the end of the word just before the inline element, and the edge of the inline element's background. This can end up on both ends of the inline if we wish:

B {margin: 10px; background: silver;}

As expected, Figure 7-24 shows a little extra space on the right and left sides of the inline element, and no extra space above or below it.

Figure 7-24

Figure 7-24. An inline element with a 10-pixel margin

6.2.6. Bringing It All Together

Just like with the font properties,the background properties can all be brought together in a singleshorthand property: background. This property cantake a single value from each of the other background properties, inliterally any order.