chromium/third_party/blink/web_tests/external/wpt/css/CSS2/text/text-transform-bicameral-007-ref.xht

<?xml version="1.0" encoding="utf-8"?>
<!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">
<head>
<title>test reference</title>
<style type='text/css'>
/* the CSS below is not part of the test */
.test { line-height: 2; color: blue; }
.test div { white-space: nowrap; text-align: center;
             width: 4em; display: inline-block; }</style>
<script type='text/javascript'>
//<![CDATA[
function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value;	var divs = document.getElementsByTagName('div');	var i = 0; var div;	while (i < divs.length) {	 	div = divs.item(i);		if (div.className == 'test') { 			div.style.fontFamily = fontName; 			}		i++;		}	}
//]]>
</script>
</head>
<body>
<p class="instructions">Test passes if the right-hand character in each pair matches the left-hand one.</p>


<div class="test">
<div>Ά Ά</div>
<div>Έ Έ</div>
<div>Ή Ή</div>
<div>Ί Ί</div>
<div>Α Α</div>
<div>Β Β</div>
<div>Γ Γ</div>
<div>Δ Δ</div>
<div>Ε Ε</div>
<div>Ζ Ζ</div>
<div>Η Η</div>
<div>Θ Θ</div>
<div>Ι Ι</div>
<div>Κ Κ</div>
<div>Λ Λ</div>
<div>Μ Μ</div>
<div>Ν Ν</div>
<div>Ξ Ξ</div>
<div>Ο Ο</div>
<div>Π Π</div>
<div>Ρ Ρ</div>
<div>Σ Σ</div>
<div>Σ Σ</div>
<div>Τ Τ</div>
<div>Υ Υ</div>
<div>Φ Φ</div>
<div>Χ Χ</div>
<div>Ψ Ψ</div>
<div>Ω Ω</div>
<div>Ϊ Ϊ</div>
<div>Ϋ Ϋ</div>
<div>Ό Ό</div>
<div>Ύ Ύ</div>
<div>Ώ Ώ</div>
<div>Β Β</div>
<div>Θ Θ</div>
<div>Φ Φ</div>
<div>Π Π</div>
<div>Ϙ Ϙ</div>
<div>Ϛ Ϛ</div>
<div>Ϝ Ϝ</div>
<div>Ϟ Ϟ</div>
<div>Ϡ Ϡ</div>
<div>Κ Κ</div>
<div>Ρ Ρ</div>
<div>Ϲ Ϲ</div>
<div>Ε Ε</div>
<div>Ϸ Ϸ</div>
<div>Ϻ Ϻ</div>
<div>Ἀ Ἀ</div>
<div>Ἁ Ἁ</div>
<div>Ἂ Ἂ</div>
<div>Ἃ Ἃ</div>
<div>Ἄ Ἄ</div>
<div>Ἅ Ἅ</div>
<div>Ἆ Ἆ</div>
<div>Ἇ Ἇ</div>
<div>Ἐ Ἐ</div>
<div>Ἑ Ἑ</div>
<div>Ἒ Ἒ</div>
<div>Ἓ Ἓ</div>
<div>Ἔ Ἔ</div>
<div>Ἕ Ἕ</div>
<div>Ἠ Ἠ</div>
<div>Ἡ Ἡ</div>
<div>Ἢ Ἢ</div>
<div>Ἣ Ἣ</div>
<div>Ἤ Ἤ</div>
<div>Ἥ Ἥ</div>
<div>Ἦ Ἦ</div>
<div>Ἧ Ἧ</div>
<div>Ἰ Ἰ</div>
<div>Ἱ Ἱ</div>
<div>Ἲ Ἲ</div>
<div>Ἳ Ἳ</div>
<div>Ἴ Ἴ</div>
<div>Ἵ Ἵ</div>
<div>Ἶ Ἶ</div>
<div>Ἷ Ἷ</div>
<div>Ὀ Ὀ</div>
<div>Ὁ Ὁ</div>
<div>Ὂ Ὂ</div>
<div>Ὃ Ὃ</div>
<div>Ὄ Ὄ</div>
<div>Ὅ Ὅ</div>
<div>Ὑ Ὑ</div>
<div>Ὓ Ὓ</div>
<div>Ὕ Ὕ</div>
<div>Ὗ Ὗ</div>
<div>Ὠ Ὠ</div>
<div>Ὡ Ὡ</div>
<div>Ὢ Ὢ</div>
<div>Ὣ Ὣ</div>
<div>Ὤ Ὤ</div>
<div>Ὥ Ὥ</div>
<div>Ὦ Ὦ</div>
<div>Ὧ Ὧ</div>
<div>Ὰ Ὰ</div>
<div>Ά Ά</div>
<div>Ὲ Ὲ</div>
<div>Έ Έ</div>
<div>Ὴ Ὴ</div>
<div>Ή Ή</div>
<div>Ὶ Ὶ</div>
<div>Ί Ί</div>
<div>Ὸ Ὸ</div>
<div>Ό Ό</div>
<div>Ὺ Ὺ</div>
<div>Ύ Ύ</div>
<div>Ὼ Ὼ</div>
<div>Ώ Ώ</div>
<div>ᾈ ᾈ</div>
<div>ᾉ ᾉ</div>
<div>ᾊ ᾊ</div>
<div>ᾋ ᾋ</div>
<div>ᾌ ᾌ</div>
<div>ᾍ ᾍ</div>
<div>ᾎ ᾎ</div>
<div>ᾏ ᾏ</div>
<div>ᾘ ᾘ</div>
<div>ᾙ ᾙ</div>
<div>ᾚ ᾚ</div>
<div>ᾛ ᾛ</div>
<div>ᾜ ᾜ</div>
<div>ᾝ ᾝ</div>
<div>ᾞ ᾞ</div>
<div>ᾟ ᾟ</div>
<div>ᾨ ᾨ</div>
<div>ᾩ ᾩ</div>
<div>ᾪ ᾪ</div>
<div>ᾫ ᾫ</div>
<div>ᾬ ᾬ</div>
<div>ᾭ ᾭ</div>
<div>ᾮ ᾮ</div>
<div>ᾯ ᾯ</div>
<div>Ᾰ Ᾰ</div>
<div>Ᾱ Ᾱ</div>
<div>ᾼ ᾼ</div>
<div>Ι Ι</div>
<div>ῌ ῌ</div>
<div>Ῐ Ῐ</div>
<div>Ῑ Ῑ</div>
<div>Ῠ Ῠ</div>
<div>Ῡ Ῡ</div>
<div>Ῥ Ῥ</div>
<div>ῼ ῼ</div>
</div>


<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body>
</html>