f4cde48796
Add full support for the border-radius CSS property (circular radii): - Parse border-radius shorthand (1-4 values) and longhand properties - Compute border-radius values with length, percentage, and calc support - Propagate specified radii through layout with deferred resolution - Thread CornerRadii through all display list items (Border, SolidRect, LinearGradient, BackgroundImage) - Rasterize rounded borders and backgrounds using per-pixel circle tests - Clamp radii per CSS §5.5 proportional scaling when they exceed box dimensions - Add 5 golden tests (basic, per-corner, circle, clamping, no-border) - Add 44 unit tests across shared, css, style, layout, and render crates - Update WPT manifest (+5 net passing border-radius tests) Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
17 lines
204 B
HTML
17 lines
204 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<style>
|
|
.pill {
|
|
width: 200px;
|
|
height: 40px;
|
|
background: purple;
|
|
border-radius: 20px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="pill"></div>
|
|
</body>
|
|
</html>
|