Source code

Revision control

Copy as Markdown

Other Tools

Test Info:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>CSS3 Text, text transform: Latin Basic and Latin-1 uppercase</title>
<meta name="assert" content="For the Latin Basic and Latin-1 blocks, text-transform: uppercase puts all letters in uppercase .">
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
<link rel="match" href="reference/text-transform-upperlower-001-ref.html">
<style type='text/css'>
@font-face {
font-family: 'webfont';
src: url('/fonts/DoulosSIL-R.woff') format('woff');
font-weight: normal;
font-style: normal;
}
.test, .ref { font-size: 125%; line-height: 1.5em; font-family: 'Doulos SIL', 'Noto Serif', 'Noto Sans', webfont, sans-serif; }
.test span, .ref span { margin-right: 1em; white-space: nowrap; }
/* the CSS above is not part of the test */
.test { text-transform: uppercase; }
</style>
</head>
<body>
<p class="instructions">Test passes if both characters in each pair match. If you are missing a font glyph for a character, ignore that pair, but report which characters were ignored.</p>
<div class="test"><span>a A</span> <span>b B</span> <span>c C</span> <span>d D</span> <span>e E</span> <span>f F</span> <span>g G</span> <span>h H</span> <span>i I</span> <span>j J</span> <span>k K</span> <span>l L</span> <span>m M</span> <span>n N</span> <span>o O</span> <span>p P</span> <span>q Q</span> <span>r R</span> <span>s S</span> <span>t T</span> <span>u U</span> <span>v V</span> <span>w W</span> <span>x X</span> <span>y Y</span> <span>z Z</span> <span title="U+00B5">&#x00B5; &#x039C;</span> <span title="U+00E0">&#x00E0; &#x00C0;</span> <span title="U+00E1">&#x00E1; &#x00C1;</span> <span title="U+00E2">&#x00E2; &#x00C2;</span> <span title="U+00E3">&#x00E3; &#x00C3;</span> <span title="U+00E4">&#x00E4; &#x00C4;</span> <span title="U+00E5">&#x00E5; &#x00C5;</span> <span title="U+00E6">&#x00E6; &#x00C6;</span> <span title="U+00E7">&#x00E7; &#x00C7;</span> <span title="U+00E8">&#x00E8; &#x00C8;</span> <span title="U+00E9">&#x00E9; &#x00C9;</span> <span title="U+00EA">&#x00EA; &#x00CA;</span> <span title="U+00EB">&#x00EB; &#x00CB;</span> <span title="U+00EC">&#x00EC; &#x00CC;</span> <span title="U+00ED">&#x00ED; &#x00CD;</span> <span title="U+00EE">&#x00EE; &#x00CE;</span> <span title="U+00EF">&#x00EF; &#x00CF;</span> <span title="U+00F0">&#x00F0; &#x00D0;</span> <span title="U+00F1">&#x00F1; &#x00D1;</span> <span title="U+00F2">&#x00F2; &#x00D2;</span> <span title="U+00F3">&#x00F3; &#x00D3;</span> <span title="U+00F4">&#x00F4; &#x00D4;</span> <span title="U+00F5">&#x00F5; &#x00D5;</span> <span title="U+00F6">&#x00F6; &#x00D6;</span> <span title="U+00F8">&#x00F8; &#x00D8;</span> <span title="U+00F9">&#x00F9; &#x00D9;</span> <span title="U+00FA">&#x00FA; &#x00DA;</span> <span title="U+00FB">&#x00FB; &#x00DB;</span> <span title="U+00FC">&#x00FC; &#x00DC;</span> <span title="U+00FD">&#x00FD; &#x00DD;</span> <span title="U+00FE">&#x00FE; &#x00DE;</span> <span title="U+00FF">&#x00FF; &#x0178;</span></div>
</body>
</html>