As we can see in Figure 6-34, the very small imagetriplebor.gif is repeated vertically along theleft side of the heading element, resulting in an effect thatisn't otherwise possible.

Figure 6-34

Figure 6-34. Creating a "triple border" on H2 elements

We can take that further and decide to set a wavy border along thetop of each H1 element, as illustrated in Figure 6-35. The image is colored in such a way that itblends with the background color and produces the wavy effect shown:

Friday 20th of October 2017 03:40:11 AM

by Eric A. Meyer
ISBN 1-56592-622-6
First edition, published May 2000.
(See the catalog page for this book.)

Search the text of Cascading Style Sheets: The Definitive Guide.

Table of Contents

Copyright Page
Chapter 1: HTML and CSS
Chapter 2: Selectors and Structure
Chapter 3: Units and Values
Chapter 4: Text Properties
Chapter 5: Fonts
Chapter 6: Colors and Backgrounds
Chapter 7: Boxes and Borders
Chapter 8: Visual Formatting
Chapter 9: Positioning
Chapter 10: CSS2: A Look Ahead
Chapter 11: CSS in Action
Appendix A: CSS Resources
Appendix B: HTML 2.0 Style Sheet
Appendix C: CSS1 Properties
Appendix D: CSS Support Chart
Library Navigation Links

Copyright © 2002 O'Reilly & Associates. All rights reserved.

background does not extend into the margins, and the border is justinside the margin. The CSS specification strongly implies that thebackground extends to the outside edge of the border, since it talksabout the borders being drawn "on top of the background of theelement," but not all browsers seem to agree. This is importantbecause some borders are "intermittent" -- forexample, dotted and dashed styles -- and the element'sbackground should appear in the spaces between the visible portionsof the border.

your visitors can decide for themselves whether to view or skip the full-sizedversion.  By default, a linked image has a 2-pixel-wide blue border,but you can use IMG tag's BORDER attribute toeliminate this (BORDER=0). 
 Okay, links!

Links reference other web pages, images, etc. on other servers by URL(Uniform Resource Locator).  A URL specifies a  schemeSomethingLikeThis . Instead of upper- andlowercase letters, a small-caps font employs uppercase letters ofdifferent sizes. Thus you might see something like the following,shown in Figure 5-29:

H1 {font-variant: small-caps;}P {font-variant: normal;}<H1>The Uses of font-variant</H1>

11.2.8. Floating Text Elements in Internet Explorer

In Internet Explorer 4.x for Windows, in order to get float to work with text elements, you need to explicitly declare a width as well, like so: width: 10em . To be honest, I'm not sure why this should permit floating where it wouldn't otherwise happen. It does make some sense, given the usual desire for declaring a width on floated text elements in any case, but the specification does not require that a width be

It's also possible to mix up the types of length value you use.You aren't restricted to using a single length type in a givenrule, as shown here:

H2 {margin: 14px 5em 0.1in 3ex;}  /* value variety! */

Figure 7-9 shows us, with a little extraannotation, the results of this declaration.

Figure 7-9

Figure 7-9. Mixed-value margins