Anforderungen  |   Konzepte  |   Entwurf  |   Entwicklung  |   Qualitätssicherung  |   Lebenszyklus  |   Steuerung
 
 
 
 


Quelle  bidi-008.xht   Sprache: unbekannt

 
<!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; </title>
  <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/008.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-007-ref.xht" />
  <style type="text/css">
   div p { display: table; margin: 1em; padding: 0.75em; background: black; color: yellow; font: 2em/1 serif; letter-spacing: 1em; }
   .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>
   <p class="test">a‮l‭<span class="one">c‮j‭e‮</span>h‭g‬f<span class="two">‬i‬d‬k‬b</span>‬m</p>
  </div>
 </body>
</html>

[ Dauer der Verarbeitung: 0.2 Sekunden  (vorverarbeitet)  ]

                                                                                                                                                                                                                                                                                                                                                                                                     


Neuigkeiten

     Aktuelles
     Motto des Tages

Software

     Produkte
     Quellcodebibliothek

Aktivitäten

     Artikel über Sicherheit
     Anleitung zur Aktivierung von SSL

Muße

     Gedichte
     Musik
     Bilder

Jenseits des Üblichen ....
    

Besucherstatistik

Besucherstatistik

Monitoring

Montastic status badge