Wednesday 05th of August 2015 06:17:44 AM

Book Home

Cascading Style Sheets: The Definitive GuideSearch this book

combine the three list-style properties into a convenient single property: list-style.



<list-style-type> || <list-style-image> || <list-style-position> 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: 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.

This property can be used to clip the element with a simple intersection operation. The area of the element contained within the clip rectangle is displayed, and any part of it outside that rectangle is not. In addition, the clip rectangle is set in relation to the outer edge of the element -- not its content edge. Thus, let's say you wanted (for whatever reason) to clip the top 10 pixels of an image:

<IMG SRC="foo.gif" STYLE="clip: rect(10px, auto, auto, 0);">
Figure 7-32

Figure 7-32. Changing the color of the border Multiple styles

It's also possible to define morethan one style for a given border. For example:

P.aside {border-style: solid dashed dotted solid;}

The result, shown in Figure 7-33, is a paragraphwith a solid top border, a dashed right border, a dotted bottomborder, and a solid left border. with this approach, you can match a class attribute with a value of driving directions in this way:

Again, this probably seems a bit easier to type. So why go to all the effort of using the longer notation of attribute selectors? The reason to use attribute selectors is that the .class and #ID selectors apply only to HTML documents, or to any other document that uses a language that includes the concepts of class and ID. Other languages, such as