RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-27 00:47:45 +00:00
Code Issues Activity Actions

Base: Add some more border-radius test cases

Browse source 
This adds a test for overflow: hidden + border-radius clipping
child positioned elements, and child backgrounds.
This commit is contained in:
MacDue 2022-07-19 11:09:58 +01:00 • committed by Andreas Kling
parent 0b0a691ecd
commit c12c9eed38
1 changed files with 15 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

15
Base/res/html/misc/border-radius.html
View file

@ -223,6 +223,11 @@
border-radius: 50px; border-radius: 50px;
padding: 10px; padding: 10px;
} }
.positioned {
background-color: red;
position: relative;
}
</style> </style>
</head> </head>
@ -330,6 +335,16 @@
<img src="car.png" style="width: 100px; height: 100px"> <img src="car.png" style="width: 100px; height: 100px">
</a> </a>
<br> <br>
<em>A red div with position: relative within a parent with overflow: hidden + a border-radius</em><br>
<div class="box" style="border-radius: 10px; overflow: hidden;">
<div class="box positioned"></div>
</div>
<br>
<em>A blue (background) div within a parent with overflow: hidden + a border-radius</em><br>
<div class="box" style="border-radius: 10px; overflow: hidden;">
<div class="box" style="background-color: blue;"></div>
</div>
<br>
<br> <br>
<p>All these are non-conventional elements with a border-radius :^)<p> <p>All these are non-conventional elements with a border-radius :^)<p>