HTML and CSS Reference
In-Depth Information
border-bottom: 5px double rgb(100,100,200); /* change
bottom border only */
border-radius was introduced in CSS3 to allow for rounded corners
by providing a radius for the roundness of each corner. Experimental
support is included in recent versions of Firefox and Safari by way of
vendor extensions and in Opera and the upcoming IE9 directly via the
border-radius property. To further complicate things, Firefox has a
slightly different order in addressing the individual corners of a block.
The shorthand property border-radius can be expanded ( Figure 8.6 on
the next page), as shown here:
div {
width: 250px;
height: 150px;
border: 2px solid black;
-webkit-border-top-left-radius: 30px;
-webkit-border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 30px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-topleft: 30px;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomright: 30px;
-moz-border-radius-bottomleft: 6px;
border-top-left-radius: 30px;
border-top-right-radius: 6px;
border-bottom-right-radius: 30px;
border-bottom-left-radius: 6px;
Search WWH ::

Custom Search