servo/tests/ref/border_radius_clip_a.html
Patrick Walton cc7cacfd5f gfx: Clip the background properly when border-radius is used.
Improves Reddit, GitHub, etc.
2014-12-22 14:48:55 -08:00

26 lines
427 B
HTML

<!DOCTYPE html>
<html>
<head>
<!-- Tests that `border-radius` causes the background to be clipped around the corners. -->
<style>
main {
display: block;
width: 16px;
height: 16px;
background: green;
overflow: hidden;
}
section {
display: block;
width: 256px;
height: 256px;
background: red;
border-radius: 50%;
}
</style>
</head>
<body>
<main><section></section></main>
</body>
</html>