<!
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd " >
<
html xmlns =
"http://www.w3.org/1999/xhtml " lang=
"en" >
<head>
<title>CSS Test: The bidi algorithm and inlines in CSS: embed levels and
display : table-row; </ti
tle>
<link rel="author" title="Ian Hickson" href ="mailto:ian@hixie.ch" />
<link rel="alternate" href ="http://www.hixie.ch/tests/adhoc/css/box/inline/bidi/009.html " type ="text/html" />
<link rel="help" href ="http://www.w3.org/TR/css-text-3/#letter-spacing-property " />
<link rel="help" href ="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model " />
<link rel="help" href ="http://www.w3.org/TR/css-writing-modes-3/#bidi-control-codes " />
<link rel="help" href ="http://www.w3.org/TR/CSS21/box.html#bidi-box-model " />
<link rel="help" href ="http://www.w3.org/TR/CSS21/visuren.html#direction " />
<link rel="help" href ="http://unicode.org/reports/tr9/ " />
<link rel="match" href ="reference/bidi-005-ref.xht" />
<style type ="text/css" >
div { margin: 1em; padding: 0.75em; background: black; color: yellow;
letter-spacing: 1em; font: 2em/1 serif; }
div p { display : table-row; }
.one, .c, .j, .e { color: aqua; }
.two, .i, .d, .k, .b { color: fuchsia; }
.one, .two { border: solid; padding: 0.1em 0 0.1em 0; margin: 0 0.5em 0 0.5em; }
.c, .b { border-style: solid none solid solid; padding: 0.1em 0 0.1em 0; margin: 0 0 0 0.5em; }
.j, .k { border-style: solid solid solid none; padding: 0.1em 0 0.1em 0; margin: 0 0.5em 0 0; }
.e, .i, .d { border-style: solid none solid none; padding: 0.1em 0 0.1em 0; margin: 0 0 0 0; }
</style>
</head>
<body>
<p> The following two blocks should be identical, including overflow. (Force bidi: א) </p>
<div>
<p class="reference" ><span class="a" >a</span><span class="b" >b</span><span class="c" >c</span><span class="d" >d</span><span class="e" >e</span><span class="f" >f</span><span class="g" >g</span><span class="h" >h</span><span class="i" >i</span><span class="j" >j</span><span class="k" >k</span><span class="l" >l</span><span class="m" >m</span></p>
</div>
<div>
<p class="test" >al<span class="one" >cje</span>hgf<span class="two" >idkb</span>m</p>
</div>
</body>
</html >
Messung V0.5 in Prozent C=100 H=100 G=100
¤ Dauer der Verarbeitung: 0.11 Sekunden
(vorverarbeitet am 2026-04-29)
¤
*© Formatika GbR, Deutschland