The
Gecko version also allows individual corners to be set using the following properties:
Example
This rule applies rounded corners to the
.test element:
.test{
-moz-border-radius: 10px;
}
?– -moz-border-radius-bottomleft (rounds the bottom-left curve)
?– -moz-border-radius-bottomright (rounds the bottom-right curve)
?– -moz-border-radius-topleft (rounds the top-left curve)
?– -moz-border-radius-topright (rounds the top-right curve)
Gecko doesn??™t support elliptical rounding at all, and this is likely to be a source of
confusion when defining different values for the corners using the shorthand
??“moz-border-radius. Gecko will see the specified values in the order top left, top
right, bottom right, and bottom left. If fewer than four values are provided, the list
of values is repeated to fill the remaining values. Consider the following rule:
14 http://developer.mozilla.org/en/docs/CSS:-moz-border-radius
15 http://www.w3.org/TR/css3-background/#the-border-radius
373 Vendor-specific Properties
.
Pages:
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540