HTML and CSS Reference
In-Depth Information
Notes
• Mozilla browsers define this property as -moz-border-radius-bottomleft
while WebKit-based browsers define it more traditionally as -webkit-border-
bottom-left-radius . Given the differences, you should test it carefully as the
syntax may change.
border-bottom-right-radius
This property is used to round the bottom-right border corner specifically.
Syntax
border-bottom-right-radius: horizontal-radius vertical-radius
Example
<div style="border: 1px solid red;-moz-border-radius-bottomright: 25px;
-webkit-border-bottom-right-radius: 25px; border-bottom-right-radius: 25px;">
Bottom right corner
</div>
Compatibility
CSS3
Chrome 2+, Firefox 3+, Safari 3+
Notes
• Mozilla-based browsers like Firefox define this property as -moz-border-radius-
bottomright while WebKit-based browsers like Chrome and Safari define it more
traditionally as -webkit-border-bottom-right-radius . Given the differences,
you should test it carefully as syntax may change.
border-image
This property defines an image to be used for the border of the element.
Syntax
border-image: none | url( image ) imagesection [/ imagewidth ] imagehandling
where imagesection defines the portions of the image that are used for various parts of the
border. The imagesection value can be composed of up to four slice lines on the image, each
measured in pixels or percentages, as shown in this diagram:
Slice 4
Slice 2
Search WWH ::




Custom Search