layout/reftests/first-letter/font-text-styles.html

changeset 0
6474c204b198
     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>

mercurial