<!DOCTYPE html >
<html class="reftest-paged" >
<head >
<title >AbsPos Pagination, with clip:rect() and box-decoration-break:clone</title >
<style type="text/css" >
html , body , pre { margin: 0 ; padding: 0 ; }
#test {
box-decoration-break:clone;
}
div {
position: absolute;
top: 120 px;
border: 10 px solid blue;
width: 50 px;
height: 160 px;
}
#mask1 {
border-color: white;
background: white;
clip:rect(0 px, auto, 3 px, 0 px);
}
#mask2 {
border-color: white;
background: white;
clip:rect(0 px, 5 px, auto, 0 px);
}
#mask3 {
border-color: white;
background: white;
height: 180 px;
clip:rect(0 px, 5 px, auto, 0 px);
}
#mask4 {
border-color: white;
background: white;
height: 180 px;
clip:rect(0 px, 5 px, auto, 0 px);
}
#mask5 {
box-decoration-break:clone;
border-color: white;
height: 180 px;
clip:rect(0 , auto, 3 px, 0 px);
}
</style >
</head >
<body >
<div id="test" ></div ><div id="mask1" ></div ><div id="mask2" ></div ><div id="mask3" ></div ><div id="mask4" ></div ><div id="mask5" ></div >
</body >
</html >
Messung V0.5 in Prozent C=100 H=100 G=100
¤ Dauer der Verarbeitung: 0.14 Sekunden
(vorverarbeitet am 2026-06-04)
¤
*© Formatika GbR, Deutschland