Closed Bug 16381 Opened 25 years ago Closed 25 years ago

{css-moz} RFE: Need to be able to specify -moz-border-radius for each corner

Categories

(Core :: CSS Parsing and Computation, defect, P3)

defect

Tracking

()

VERIFIED FIXED

People

(Reporter: german, Assigned: dcone)

References

Details

(Keywords: css-moz, Whiteboard: [dogfood])

In the new look and feel (new Netscape skin) we will have many situations were we will need rounded corners say on the top conrers of a box but not on the bottom corners. So it would be great to be able to specify something like: -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-bottomright: 0px; or in shorthand: -moz-border-radius: 8px 8px 0px 0px; Again we would need this for the brand-new look and feel and right now we are resorting to background-images to make up for the lack of that capability. Pretty please? Using style would be that much cooler. Gecko rocks!
Assignee: dcone → peterl
The borders currently support this kind of thing.. style needs to have this syntax supported inorder that this work.
Component: Layout → Style System
setting component to style system.
Reassigning peterl's bugs to myself.
Blocks: 16395
Summary: RFE: Need to be able to specify -moz-border-radius for each corner → {css-moz} RFE: Need to be able to specify -moz-border-radius for each corner
This would indeed be very useful.
Status: NEW → ASSIGNED
Whiteboard: [dogfood]
Target Milestone: M12
Blocks: 18471
It would great if this bug can indeed be closed by m13. We would like to get this feature in by beta, so we can have planned new look and feel with rounded corners complete and without the current bitmap patches in the XUL. Thanks!
Brendan asked me about it too. It's on my plate for this week.
Pierre: What syntax will we be using? So that I can write test cases...
Assignee: pierre → dcone
Status: ASSIGNED → NEW
Style supports this now, using the syntax described by the reporter. Don Cone is going to do the rendering part (in nsCSSRendering.cpp) in the next couple of days. The current property '-moz-border-radius' is now a shortcut: it can take 1, 2 or 4 parameters in order to set the same value to the 4 corners, or 1 value for top/ bottom and 1 value for left/right, or 1 value for each corner. It also means that we remain compatible with the current style sheets.
Status: NEW → ASSIGNED
Fixed
Status: ASSIGNED → RESOLVED
Closed: 25 years ago
Resolution: --- → FIXED
Implemented...
Status: RESOLVED → VERIFIED
Don, I not sure how i can verify this fix. Can you please mark as verified.
Severity: enhancement → minor
Status: VERIFIED → REOPENED
I have created a test page for this: http://www.bath.ac.uk/%7Epy8ieh/m/border-radius-multiple.html There are still some bugs. Namely: + If one of the corners has a very large radius, and the adjacent corner has a very small radius, then the small corner will appear to actually go inside the box, as might be expected for negative border radii. This is visible in section 3 of the test page. + The exact rendering is not consistent across rotations. See the final section (section 6) on the test page. Reopening.
Resolution: FIXED → ---
(Note. The background problems visible have been filed in bug 23704.)
Status: REOPENED → RESOLVED
Closed: 25 years ago25 years ago
Resolution: --- → FIXED
Please open a new bug for this. This bug is fixed, namely that rounded radius is supported. If there is a problem then address that in a new bug. When I read the title of this bug it is very misleading to the problem that this bug was reopened for. Closing this bug. Please file a new bug for the problem that was found.
Status: RESOLVED → VERIFIED
Broke out bug 23733. Verifying that uneven -moz-border-radius are actually supported, if not flawlessly.
Keywords: css-moz
No longer blocks: 18471
You need to log in before you can comment on or make changes to this bug.