CSS Backgrounds and Borders Level 3
- Shorthand for
border-radius unnecessarily restrictive.
border-radius shorthand shall take up to four values that each set both radii for the corresponding corner as in Mozilla's implementation. The first value applies to the top-left corner, and rest are assigned clockwise. Missing values are filled in as for margin et al. Adopt Anne's proposal for extended syntax that allows setting elliptical curves.
- Define point of color (and style?) transitions.
- The center of color and style transitions are at an angle that is proportional to the ratio of the border widths. E.g. if the two widths are equal, the angle is 45deg, and if one is twice the width of the other the angle is 30deg. The line demarcating this transition is drawn between the point at that angle on the outer curve and the point at that angel on the inner curve.
- Proposal accepted
- Define inner border curve.
- The inner border radius is the outer border radius minus the border thickness. In the case where this results in a negative
value, the inner radius is zero. (In such cases its center might not coincide with that of the outer border curve.)
- Proposal accepted.