39 lines
957 B
HTML
39 lines
957 B
HTML
<html>
|
|
<head>
|
|
|
|
<style>
|
|
.editing {
|
|
border: 2px solid red;
|
|
padding: 12px;
|
|
font-size: 24px;
|
|
}
|
|
.inputtest {
|
|
font-family:'Hiragino Kaku Gothic Std';
|
|
border: 2px solid green;
|
|
}
|
|
</style>
|
|
|
|
<title>Inline Input Method Marking</title>
|
|
</head>
|
|
<body>
|
|
<p>This tests that the underlining of the inline input hole does not obscure the glyphs.</p>
|
|
|
|
<ol>
|
|
<li>Switch to Hirigana input method</li>
|
|
<li>Type characters into each of the green blocks below</li>
|
|
<li>As you do so, check that glyphs in the inline hole are clearly readable</li>
|
|
</ol>
|
|
<div contenteditable id="root" class="editing" style="width:400px;">
|
|
9px Hiragino Kaku Gothic Std<div class="inputtest" style="font-size: 9px;"><br></div>
|
|
<br>12px Hiragino Kaku Gothic Std<div class="inputtest" style="font-size: 12px;"><br></div>
|
|
<br>24px Hiragino Kaku Gothic Std<div class="inputtest" style="font-size: 24px;"><br></div>
|
|
</div>
|
|
|
|
<script>
|
|
runEditingTest();
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|
|
|