1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 1.2 +++ b/layout/reftests/first-letter/font-text-styles.html Wed Dec 31 06:09:35 2014 +0100 1.3 @@ -0,0 +1,35 @@ 1.4 +<!DOCTYPE HTML> 1.5 +<html> 1.6 +<head> 1.7 +<title>Testing first-letter handling of font/text styles</title> 1.8 +<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 1.9 + 1.10 +<style type="text/css"> 1.11 +html { overflow: hidden; } 1.12 +body { 1.13 + margin: 1em; 1.14 + font-size: 25px; 1.15 + line-height: 1.2em; 1.16 + font-family: serif; 1.17 +} 1.18 + 1.19 +div { width: 200px; } 1.20 +p { width: 0.5em; margin: 0; } 1.21 +p:first-letter { font-weight: bold; text-transform: uppercase; } 1.22 +p.reverse:first-letter { font-style: italic; text-transform: lowercase; } 1.23 +span.floater { float: left; } 1.24 +span.floater:first-letter { font-family: sans-serif; text-transform: uppercase; } 1.25 +span.special { display: inline-block; } 1.26 +span.special:first-letter { font-weight: bold; text-transform: uppercase; } 1.27 +</style> 1.28 + 1.29 +</head> 1.30 +<body> 1.31 +<div> 1.32 +<p>yellow corndog</p> 1.33 +<p class="reverse">HIPPIE BANANA</p> 1.34 +<p><span class="floater">gonzo macadamia</span></p> 1.35 +<p class="reverse">FELICITOUS <span class="special">raspberry</span></p> 1.36 +</div> 1.37 +</body> 1.38 +</html>