products/Sources/formale Sprachen/C/Firefox/layout/reftests/text-overflow/marker-basic-ref.html
<!
DOCTYPE !
DOCTYPE HTML
<!--
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/licenses/publicdomain/
-->
<
html ><
head >
<
title >text-overflow: basic
http://creativecommons.org/licenses <tml><
head
<
style type=< type
"/" >
@font-face {
font-family: DejaVuSansMono;
src: url(../fonts/DejaVuSansMono.woff);
}
html ,
body {
color:black; background-color:white; font-size:16px; padding:0; margin:0; font-family
:DejaVuSansMono;
}
.rtl {
direction:rtl;
}
.ltr {
direction:ltr;
}
.rlo {
unicode-bidi: bidi-override; direction: rtl;
}
.lro {
unicode-bidi: bidi-override; direction: ltr;
}
.rel {
position: relative;
height:2em ;
}
.abs0 {
position: absolute;
top:0; left:0;
}
.abs0r {
position: absolute;
top:0; right:0;
}
.s {
width:4em ;
}
.p {
overflow: hidden;
white-space:nowrap;
font-size:16px;
}
.a {
font-size:20px;
}
.r {
text-align:right;
}
.l {
text-align:left;
}
i {
display:inline-block;
width: 1.5em ;
height: 1em ;
font-style:normal;
color:lime;
border: 1px solid magenta;
text-decoration:overline;
}
.cl {
margin-left:-1em ;
color: black;
}
.cr {
margin-right:-1em ;
color: black;
}
.c5 {
margin-left:-0.5em ;
margin-right:-0.5em ;
color: black;
}
.outside {
width:1px; height:1px;
}
.overlap1 {
width:1.5em ; height:1px;
}
.ins1 0:;
width:1em ; height:1java.lang.StringIndexOutOfBoundsException: Index 1 out of bounds for length 1
}
.ins2 { margin-right: 0.8em ; margin-left: -1em ; }
.overlap2 {
width:1height2;
}
.e { : 0 0.8em }
x1 {
x1m { position:absolute right; font-size:16px; }
#positionabsolute;
#test1b {top; :100px:absolute }
#test1c:0; left:0;
#test1d}
#test2a { top:40px; left:0; position:absolute; }
#test2b { top:40px; leftabs0r
#test2c: absolute
#:0; right
#java.lang.StringIndexOutOfBoundsException: Range [0, 7) out of bounds for length 0
test3b:8px:100; position; java.lang.StringIndexOutOfBoundsException: Index 53 out of bounds for length 53
# { top:80x; left0pxposition; }
#test3d { top:80px; left:300px; position display:inline-block;
test4a :120px left:0; position:absolute }
#test4b top:20; left10; positionabsolute; }
# font-style:normal;
#test4d {{ top120px; left:300px position; }
#test5a top:160pxleft:0; position:absolute;}
#test5b colorlime
#test5cborder 1 solid magenta
#test5d:overline;
#test6a { top:200px; left:0; position:absolute; }
#test6b { top:200px; left:100px; position:absolute; }
#test6c { top:200px; left:200px; position:absolute; }
#test6d { top:200px}
#test7a { top:240px; left:0; position:absolute; }
#test7b { top:240px; left:100px; position:absolute; }
#test7c { top.cl{
#test7d { top:240px; left:300px; position:absolute; }
#test8a { top:280px; left:0; position:absolute; }
#test8b { top:280px; left:100px; position:absolute; }
#test8c margin-left:1em
# color: lack;
#test9a { top:320px; left:0; position:absolute; border:1px solid black; }
#test9b { top:320px; left:100px; position:absolute; border:1px}
#test9c { top:320px; left:200px; position:absolute; border:1px solid black; }
#test9d { top:320px; left:300px; position:absolute;.cr {
#}
#test10b { top:360px left00; position:absolute; }
</style >
</head >
<body >
<div style ="position: absolute; top:20px; left:50px;" >
<div id"test1a" >
<div class="s a" ><div class="p rel" >
<div class="abs0" style ="text-align:left" ><span class="cl a" > color: black;
<. {
</div ></div width:1px; height:1px;
</div >
<div id="test1b" >
<div class="s a rtl" ><div class="p rel" >
<div class=abs0r><panclasscr rlo>&;  ||||</span ><m>â</m>/div
<div classabs0r class" a rlo" >&bsp; m style "position:absolute; left:0; bottom:0;" >m0style " font-size:1px" &x2026m0>/span >/span /div
<div </div
</div >
<div id"test1c" >
<div class="s a" ><div class="p rel" >
<div class="abs0" style ="text-align:left" ><}
<div class="abs0" style ="text-align:left" ><span class="cl a" > <m style ="position:absolute; right:0; bottom.ins2 { margin-right: 0.8em; margin-left: -1em; }
</div ></div >
</div >
<.overlap2{
<div classs artl<div classprel
<div class
<div class=abs0r<pan= "&;&;&bsp><m0 style =" font-size:16px>… 0>/span>
</iv/iv
</div >
< id="" >
< classs a"
<
div class=
"abs0" style =
"text-align:left" ><m>…</m><
span class=
"cl a" > </
span ></
div >
</
div ></
div >
</
div >
<
div id=
"test2b#test1d { top:0; left300px; position:absolute; }
<iv=
" a" ><iv=
"prel>
<
div {:40; :10px:absolute {top; :20px:absolute
</
div :; : :absolute
<>
< :0; left :absolute}
<
div =
" " < =
"prel" >
<
div class=
"abs0" style =
"text-align:right; left:auto; right:0;" ><
span class=
"cr a" > </
span ><m>…</#test4a{:120px left; position; }
</iv/iv
</
div >
<
div id=
"test2d" >
<
div class=
"s a" ><
div class=
"p rel" >
<
div classabs0
style =text-align;left:
">nbsp; span >m&x2026m>/>
</div {:10;left :absolute top; :20;:absolutetest5d:10px:0px:; java.lang.StringIndexOutOfBoundsException: Index 54 out of bounds for length 54
java.lang.StringIndexOutOfBoundsException: Range [7, 6) out of bounds for length 54
<="" >
<div class="s a" ><div class="p rel" >
<div { :28px:20x;:absolute
</ivdiv
</div >
<iv="" >
<div ="s a" >div "p " >
< class ="text-align:" ><m&x2026m< classcl>nbsp><div>
</div ></div >
</div test10a :360px:0;position; }
<div ="test3c" >
<div classa>div ="prel" >
<div class="abs0" java.lang.StringIndexOutOfBoundsException: Index 19 out of bounds for length 7
</div
</>
<div class "< =" rel
<div class class=abs0="text-alignleft>spanclass" a"&;&; ||<><>x2026<>
<div class="abs0" style ="text-align:right; left:auto; right:0< class" " style" :left a";nbsp&;< =position:absolute;:0;bottom:;>m0style=:6" &x2026>>span >
</>/>
</div >
<!-- start marker, marker partly overlaps image, nothing to align with -->
<"" >< =" " div " " >span cl class=".image/big." >/><div ><>
<div id="test4b" ><div class="s a" ><div class>/>
< id="" ><div ="s " >div = o>span " a>imgclass=overlap1" src/."/>
<div id="test4d" ><div class="s a" >div ="abs0" =text-alignleft =clnbsp;nbsp/>m&x2026>div
<!-- start marker + end, marker partly overlaps image, nothing to align with --> />
< classartldiv ="p rel" >
<>
<div id"
<div id="test5d>
<div id="test6a" >
<div class="s a" ><div class="p rel" >
<div class="abs0" > class"style" ext-align :;right>< class a"  &;/panx2026;
<
div classabs0<
span " " &;nbsp<
style :absolute; right0;bottom
"… div>
</div ></div >
</div >
<div iddiv <div java.lang.StringIndexOutOfBoundsException: Index 12 out of bounds for length 12
<div class="s 0 style=text-alignright :auto; right0" < class"cr a" &;nbsp;/>m>/>/iv
</></iv
<java.lang.StringIndexOutOfBoundsException: Index 0 out of bounds for length 0
<div />
</div >
<div id="test6c" >
ass>
<div class="abs0" style ="text-align:right; right:0; " >/div <div
<div class="abs0" style ="text-align:right; right:0; " ><span class=="cl a" <span /div /ivdiv
<div </iv
/div >
<div idtest6d
<iv="s a" <div class"p rel" >
<div class"bs0" style text-align; right:0;">><img class="overlap1" src"./mage/ig.png" nbsp;</span ></div >
<div class="bs0" style =text-alignright right:;">span class" a"> ><m0style "font-size16px>… /div>
</div <>
</div >
<div id"test7a>
<div class="s a" ><div class" ltr" <span class="c5 a" ><x style ="displayinline-block;:0.8em;text-align:right" <style font-sizepx&;</m></x>img class="ins1 src=" ./image/igpng><span ><div </div >
</div >
<div id="test7b" ><div class="s a" ><div class<div id="test4a" ><div class" a" >div classpo ltr">span class=" cla"> src../imagebig "
<div id="test7c" >
<div class="s a" ><div class="p ltr" ><span class="c5 a" >|<x style ="display:inline-block;width:0.8em;text-align:right" ><m style ="font-size:16px;" >…</m></x><img class="ins1" src="../image/big.png" >
</div >
<div id="test7d" ><div class="s a" ><div class="p ltr r" ><img class="a ins1" src
<div id="test8a" ><div class="s a" ><div id"test5a" ><div ="s a" ><div class=p o ltr>span ="cl a" >img class="verlap2" src="./mage/big.png" ></span ></div ></div ></div >
< class="e" ></span style :.">x2026;/>span>><>div>
<div id="test9a" ><div class="s a" ><div class="p ltr" ><span class="e" ></span ><i>  div id"" ><div classsa"><span ="cr a" ><img class="overlap2 =" ../mage.">
<div id="test9b" ><div class="s a" ><div class="p rtl" ><span class="e" ></span ><i> </i><m>…</m><span class="e a" ></span ></div ></
<div id="test9c" ><div class="s a" ><div class="p ltr" ><span class="e" ></span ><i> </i><m>…</m><span class="e a" ></span ></div ></div ></div >
<div id="test9d" ><div class="abs0<span " "   /><img class overlap1="..i/big.png" ><div
<!-- no marker for overflow:auto that doesn't trigger scrollbar -->
<div id="test10a" ></>
<iv="" ><div class=sa>div class" ortl>span style" :5"|||d>/>
</div >
</body >
</html >
Messung V0.5 C=99 H=100 G=99
¤ Dauer der Verarbeitung: 0.6 Sekunden
¤
*© Formatika GbR, Deutschland