Thursday 28th of August 2008 08:06:54 PM
Nice and Free CSS Templates
margin: top right bottom left
Figure 7-8. Uneven margins
A good way to remember this pattern is to keep in mind that the four
values go clockwise around the element, starting from the top. The
values are always applied in this order, so in
order to get the effect you want, you have to arrange the values
correctly.
element with a border is displayed across multiple lines:
B {border: 3px solid gray; background: silver;}
Figure 7-54. An inline element with a border displayed across multiple lines of text
In Figure 7-54, the left border is applied to the
beginning of the element, and the right border to the end of it.
Borders are not necessarily applied in this
fashion; they can also be applied to the right and left side of each
line in the element, if the situation seems to demand it. For
example, a grooved border might look better enclosed on each line
As for font-variant, it has but two values: the default ofnormal, which describes ordinary text, andsmall-caps, which calls for the use ofsmallcaps text. If you aren't familiar with such an effect,ItLooksSomethingLike
8.4.2.1. Generating a line box
Here are
the steps a user agent has to go through in order to generate a line
box. First, for each inline nonreplaced element (or string of text
outside of an inline element), the font-size is
used to determine the initial content-height.
Thus, if an inline element has a font-size of
15px , then the content-height starts out as
15px .border: 1px solid gray;}
Figure 8-19. Wider children through negative margins
Yes, the child element is wider than its parent! This is
mathematically correct: 10 +
+
+ 450 +
+
- 50 = 400. Even though this leads to a child element
sticking out of its parent, technically the specification
hasn't been violated, because the values of the seven
