Saturday 23rd of August 2014 11:25:42 AM

Book Home

Cascading Style Sheets: The Definitive GuideSearch this book

Symbols | A

Figure 7-76

Figure 7-76. Clear on both sides

If, on the other hand, we're only worried about H2 elements flowing past floated elements to their right, then we'd use H2 {clear: right;}, with the result shown in Figure 7-77.
Figure 7-77

Figure 7-77. Clear to the right

Finally, there's clear:none, which allows elements to float to eitherside of an element. As with float:none, this value mostly exists to allow for normaldocument behavior, in which elements will permit floated elements toboth sides. none can be used to override otherstyles, of course, as shown in Figure 7-78. Despite | 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: Y

There are no index entries for this letter.

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

Library Navigation Links

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

the appearance of the border, although it does do that, but becausewithout a style there would be no border at all.

There are nine distinct styles for theproperty border-style defined in CSS1, includingthe default value of none. They are demonstratedin Figure 7-29.

Figure 7-29

Figure 7-29. Border styles


5.x. Only Opera 3.x draws borders aroundinline elements, and it only caps the beginning and end of theelement. This is in agreement with the CSS specification, althoughthis is not discussed here (see Chapter 8, "Visual Formatting", formore details).

7.4.6. Borders: Known Issues

100 <SPAN> 400 <STRONG> 700 <B> 800 </B></STRONG></SPAN>.</P>
Figure 5-13

Figure 5-13. Changing weight, with the numbers to illustrate it

The first two weight increases are large because they represent jumpsfrom 100 to 400, and from400 to bold(700). From 700, there is noheavier face, so the user agent simply moves the value offont-weight one notch up the numeric scale(800). Furthermore, if we were to insert acaused by using these styles:

SPAN {border: 1px dashed black; padding: 4pt; margin: 8pt;}
Figure 8-60

Figure 8-60. Inline margins and line-box layout

8.4.3. Managing the Line Height of Inline Elements

In the previous section, we had a few cases where changing the line-height of an inline