<!DOCTYPE HTML >
<!--
Any copyright is dedicated to the Public Domain .
http : / / creativecommons . org / licenses / publicdomain /
Test : 1 px scroll rounding at the end position
-->
<html class="reftest-wait" ><head >
<title >text-overflow: scroll rounding</title >
<style type="text/css" >
@font -face {
font -family: DejaVuSansMono;
src: url(../fonts/DejaVuSansMono.woff);
}
html ,body {
color:black; background-color:white; font -size:16 px; padding:0 ; margin:0 ; font -family:DejaVuSansMono;
}
.test {
overflow:auto;
width:100 px;
height:50 px;
border:1 px solid black;
white-space:pre ;
margin-left:90 px;
margin-bottom:20 px;
}
.rtl {
direction:rtl; margin-left:0 ;
}
.ltr {
direction:ltr;
}
.t1 {width:100 .1 px;}
.t2 {width:100 .2 px;}
.t4 {width:100 .4 px;}
s {position:absolute; background:black; z-index:1 ; }
#mask1 {top:0 ; left:60 px; width:70 px; height:100 %; }
#mask2 {top:30 px; left:0 ; width:100 %; height:30 px; }
#mask3 {top:100 px; left:0 ; width:100 %; height:30 px; }
#mask4 {top:170 px; left:0 ; width:100 %; height:30 px; }
#mask5 {top:240 px; left:0 ; width:100 %; height:30 px; }
#mask6 {top:320 px; left:0 ; width:100 %; height:30 px; }
#mask7 {top:390 px; left:0 ; width:100 %; height:30 px; }
#mask8 {top:460 px; left:0 ; width:100 %; height:30 px; }
#mask9 {top:530 px; left:0 ; width:100 %; height:30 px; }
</style >
<script >
function scrolldivs() {
var divs = document.getElementsByTagName('div' );
for (i = 0 ; i < divs.length; ++i ) {
if (window.getComputedStyle(divs[i ]).direction == 'ltr' )
divs[i ].scrollLeft = 99999999 ;
else
divs[i ].scrollLeft = -99999999 ;
}
document.documentElement.removeAttribute('class' );
}
</script >
</head ><body onload="scrolldivs()" >
<s id="mask1" ></s >
<s id="mask2" ></s >
<s id="mask3" ></s >
<s id="mask4" ></s >
<s id="mask5" ></s >
<s id="mask6" ></s >
<s id="mask7" ></s >
<s id="mask8" ></s >
<s id="mask9" ></s >
<div class="test" >HelloKittyוסוכנויות</div >
<div class="test rtl" >HelloKittyוסוכנויות</div >
<div class="test t1" >HelloKittyוסוכנויות</div >
<div class="test rtl t1" >HelloKittyוסוכנויות</div >
<div class="test t2" >HelloKittyוסוכנויות</div >
<div class="test rtl t2" >HelloKittyוסוכנויות</div >
<div class="test t4" >HelloKittyוסוכנויות</div >
<div class="test rtl t4" >HelloKittyוסוכנויות</div >
</body >
</html >
Messung V0.5 in Prozent C=86 H=94 G=89
¤ Dauer der Verarbeitung: 0.3 Sekunden
¤
*© Formatika GbR, Deutschland