css/css-writing-modes/text-combine-upright-value-all-003.html - external/w3c/web-platform-tests - Git at Google

 <!DOCTYPE html>
 <html>
 <head>
 <meta charset="utf-8">
 <title>CSS Writing Modes: text-combine-upright: all</title>
 <link rel="author" title="Masataka Yakura" href="https://google.com/+MasatakaYakura">
 <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#text-combine-upright">
 <link rel="match" href="reference/vertical-ahem-1x1-ref.html">
 <link rel="mismatch" href="reference/horizontal-ahem-1x1-notref.html">
 <meta name="assert" content="'text-combine-upright: all' combines all characters inside the element which the declaration applied horizontally.">
 <meta name="flags" content="ahem">
 <style>
 .test {
   writing-mode: vertical-rl;
   font-size: 5em;
   line-height: 1;
   font-family: Ahem;
 }

 .tcy {
   text-combine-upright: all;
 }
 </style>
 </head>
 <body>

 <p>Test passes if there are 2 <strong>identical</strong> black squares.</p>

 <div class="test">
   <p><span class="tcy">ABCDE</span></p>
   <p>x</p>
 </div>

 </body>
 </html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>CSS Writing Modes: text-combine-upright: all</title>
	<link rel="author" title="Masataka Yakura" href="https://google.com/+MasatakaYakura">
	<link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#text-combine-upright">
	<link rel="match" href="reference/vertical-ahem-1x1-ref.html">
	<link rel="mismatch" href="reference/horizontal-ahem-1x1-notref.html">
	<meta name="assert" content="'text-combine-upright: all' combines all characters inside the element which the declaration applied horizontally.">
	<meta name="flags" content="ahem">
	<style>
	.test {
	writing-mode: vertical-rl;
	font-size: 5em;
	line-height: 1;
	font-family: Ahem;
	}

	.tcy {
	text-combine-upright: all;
	}
	</style>
	</head>
	<body>

	<p>Test passes if there are 2 <strong>identical</strong> black squares.</p>

	<div class="test">
	<p><span class="tcy">ABCDE</span></p>
	<p>x</p>
	</div>

	</body>
	</html>