// ////////////////////////////////////////////////////////////////////////
//
// CSS text-transform
//
// Content with `text-transform:uppercase | lowercase | capitalize` returns
// the transformed content.
//
testText(["d4a"], 0, -1, "HELLO MY FRIEND");
testText(["d4b"], 0, -1, "hello my friend");
testText(["d4c"], 0, -1, "Hello My Friend");
// `text-transform: full-width | full-size-kana` should not be reflected in
// a11y.
testText(["d5a"], 0, -1, "hello my friend");
testText(["d5b"], 0, -1, "ゕゖヵヶ");
<input id="i1" value="hello my friend"/>
<div id="d1">hello my friend</div>
<div id="d1wrap"style="word-wrap:break-word; width:1px">hello my friend</div>
<div id="e1" contenteditable="true">hello my friend</div>
<textarea id="t1">hello my friend</textarea>
<input id="i2" value="Brave Sir Robin ran"/>
<pre><div id="dpre2">Brave Sir Robin ran</div></pre>
<pre><div id="epre2" contenteditable="true">Brave Sir Robin ran</div></pre>
<textarea id="t2" cols="300">Brave Sir Robin ran</textarea>
<div id="d2">Brave Sir Robin ran</div>
<div id="e2" contenteditable="true">Brave Sir Robin ran</div>
<pre>
<div id="d3">oneword
two words
</div>
<div id="dbr3">oneword<br/><br/>two words<br/></div>
<div id="e3" contenteditable="true">oneword
two words
</div>
<div id="ebr3" contenteditable="true">oneword<br/><br/>two words<br/></div>
<textarea id="t3" cols="300">oneword
two words
</textarea>
</pre>
<div id="d4a"style="text-transform:uppercase">Hello My Friend</div>
<div id="d4b"style="text-transform:lowercase">Hello My Friend</div>
<div id="d4c"style="text-transform:capitalize">hello my friend</div>
<div id="d5a"style="text-transform:full-width">hello my friend</div>
<div id="d5b"style="text-transform:full-size-kana">ゕゖヵヶ</div>
Die Informationen auf dieser Webseite wurden
nach bestem Wissen sorgfältig zusammengestellt. Es wird jedoch weder Vollständigkeit, noch Richtigkeit,
noch Qualität der bereit gestellten Informationen zugesichert.
Bemerkung:
Die farbliche Syntaxdarstellung und die Messung sind noch experimentell.