The "border-bottom-right-radius" CSS Property

New in CSS3

This property sets the radii of a quarter ellipse that defines the shape of the bottom-right corner of the outer border edge. The first value is the horizontal radius and the second value is the vertical radius.

Values for "border-bottom-right-radius"
CSS LevelValue
CSS 2.1(invalid)
CSS3"[ <length> | <percentage> ]{1,2}"

Syntax Notes for "border-bottom-right-radius"

  • The two length or percentage values of the "border-bottom-right-radius" property define the radii of a quarter ellipse that defines the shape of the corner of the outer border edge, with the first value being the horizontal radius and the second the vertical radius. If the second value is omitted then it is the same as the first. If either length is zero then the the corner is square (and thus not rounded).
  • Percentages for the horizontal radius are relative to the width of the border box. Percentages for the vertical radius are relative to the height of the border box.
  • Negative values are not allowed.

Recommended Links

Search Engine Links (for more information)

Help us improve this page: Suggest a link or noteReport a problem