dd03466e63
All checks were successful
ci / fast (linux) (push) Successful in 6m38s
Add full outline support (outline-style, outline-width, outline-color, outline-offset, outline shorthand) following the CSS property pipeline: parse → style → layout → display list → rasterize. Verify all 10 border styles are fully implemented and add 6 golden tests (249-254) covering double borders, 3D border styles, mixed styles, and outline variations. Code review fixes: correct outline paint order to CSS 2.1 Appendix E step 10 (after content, not between borders and content), handle outline-width thin/medium/thick keywords in computed styles, fix Outline display item format consistency (Display vs Debug), guard against negative outline-offset producing invalid rects, add missing tests for outline-color invert and keyword width resolution. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
24 lines
454 B
HTML
24 lines
454 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<style>
|
|
div {
|
|
width: 80px; height: 30px; margin: 10px;
|
|
border-width: 6px;
|
|
background: #ddd;
|
|
border-color: #888;
|
|
}
|
|
.groove { border-style: groove; }
|
|
.ridge { border-style: ridge; }
|
|
.inset { border-style: inset; }
|
|
.outset { border-style: outset; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="groove">groove</div>
|
|
<div class="ridge">ridge</div>
|
|
<div class="inset">inset</div>
|
|
<div class="outset">outset</div>
|
|
</body>
|
|
</html>
|