Prev | Current Page 530 | Next

Tommy Olsson and Paul O'Brien

"The Ultimate CSS Reference"

2.
Figure 16.2: Equal radius for both properties
The Ultimate CSS Reference 374
Using an approach that respects the CSS3 specifications ensures that we have a
better chance of maintaining future compatibility than using the non-standard
features of the ??“moz-border-radius property.
The CSS3 border-radius property will also round backgrounds so that they??™re
contained within the border of the element. If no border has been set, the background
is still rounded, but no border is applied. The Mozilla extension will only round
background colors, not background images.
border-radius in Other Browsers
Safari 3 supports the -webkit-border-radius property and seems to follow the
CSS3 specifications for the border-radius property.
Value
This property accepts between one and four length values in the order top-left,
top-right, bottom-right, and bottom-left. If less than four values are provided, the
list of values is repeated to fill the remaining values.
Compatibility
Opera Safari Firefox Internet Explorer
9.


Pages:
518 519 520 521 522 523 524 525 526 527 528 529 530 531 532 533 534 535 536 537 538 539 540 541 542