In a similar fashion, the overall width of a list item's element box is equal tothe content width of the list element that contains it. As you cansee in Figure 8-8, the margins of a parent elementcan influence the layout of a child element.
There are a number of properties relatingadded to make the situation more clear):
P.aside {float: left; width: 5em; margin: 1em;}
One of the first interesting things to notice about floated elements is that margins around floated elements do not collapse. If you float an image with 20-pixel margins, there will be at least 20 pixels of space around that image. If other elements adjacent to the image -- and that means adjacent
Compared to the other aspects of borders, setting the color is pretty easy. In CSS1, there is the single property border-color, which can accept up to four color values at one time.shown in Figure 7-54.
WARNING
Borders cannot be applied to inline elements inNavigator 4.x orExplorer4.x/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", forencloses a square 20 pixels by 20 pixels in the upper-left corner ofthe element would be defined as:
rect(0, 20px, 20px, 0)The only values permitted with rect(...) arelength values and auto, which is the same as"set the clipping edge to the appropriate content edge."Thus, the following two statements mean the same thing:
overflow-clip: rect(auto, auto, 10px, 1cm);