CSS HTML Validator - The fast, all-in-one, HTML, CSS, Link, SEO, spelling, and accessibility checker for Windows, & htmlval for Mac and Linux
Home Help: "border-top-left-radius" CSS property

The "border-top-left-radius" CSS Property

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

Values for "border-top-left-radius"
CSS LevelValue
CSS Backgrounds and Borders Level 3"<length-percentage [0,∞]>{1,2}"

Syntax Notes for "border-top-left-radius"

  • The two length or percentage values of the "border-top-left-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