In a like manner, setting a negative value on the other sides will pull them beyond their normal limits:

<P STYLE="margin: -2em; font-weight: bold;">...

As Figure 7-19 makes abundantly clear, the paragraph has spilled beyond the edges of the browser window and has not only pulled up far enough to overlap the end of the previous paragraph, but has also pulled the following paragraph up to overlap its last line.

Thursday 26th of April 2018 01:46:33 AM

Nice and Free CSS Templates

This site contains free css templates for your website - Just copy and paste and there you have a stunning website !

Menu und content

Menu fixed, content

Menu und content

3 columns all

4 columns all

Menu floating

Menu fix, Inhalt u.
Head dynamic

3 columns fix

dynamic mit
Head und Footer

fixed BOX centered

dynamic BOX

fixed Box total
style sheets. These are marked with a REL of alternate stylesheet and come into play only if they're selected by the reader. Alternate style sheets

Unfortunately, as of this writing, browsers don't make it very easy to select alternate style sheets, assuming that they can do sovery common, and much-requested, typographical effect. A typical dropcap looks like the illustration in Figure 11-22.

Figure 11-22

Figure 11-22. A drop cap

There's an easy way to do this, and that is of course to usethe :first-letter pseudo-element. The style wouldlook something like this:

P.intro:first-letter {font-size: 300%; font-weight: bold; float: left;width: 1em;}
magic translation to yield a totally unexpected color. Bringing the colors together

Table 3-4 presents an overview of the colorswe've discussed. Italicized color names are those that can belegally used as values of a color declaration. Those without italicsmight not be recognized by browsers and therefore should be definedwith either RGB or hexadecimal values ( just to be safe). Into support this behavior. There is also no defined behavior to saywhether the foreground content of a previous line appears above thebackground of a succeeding line, or is overwritten by thatbackground. Negative values are not permitted.


padding-bottomIE4 P/P IE5 P/Y NN4 B/B Op3 Y/-

This property sets the size of thebottom padding of an element, and this padding will"inherit" the element's background. Negative valuesare not permitted.

Let's assume, though, that we just want images down the left side of the document. Instead of having to create a special image with a whole lot of blank space to the right of the image, we can instead make a small change to our styles:

BODY {background-image: url(yinyang.gif);
background-repeat: repeat-y;}

As Figure 6-29 demonstrates, the image is simply repeated along the y-axis (that is, vertically) from its starting position -- in this case, the top left corner of the browser