1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/reftests/text-overflow/marker-shadow.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,37 @@
1.4 +<!DOCTYPE HTML>
1.5 +<!--
1.6 + Any copyright is dedicated to the Public Domain.
1.7 + http://creativecommons.org/licenses/publicdomain/
1.8 +
1.9 + Test: Marker should have text-shadow applied to it
1.10 +-->
1.11 +<html>
1.12 +<head>
1.13 +<meta http-equiv="content-type" content="text/html; charset=UTF-8">
1.14 +<style type="text/css">
1.15 +@font-face {
1.16 + font-family: DejaVuSansMono;
1.17 + src: url(../fonts/DejaVuSansMono.woff);
1.18 +}
1.19 +
1.20 +/* overflow:hidden will clip off some of our text-shadow too.
1.21 + Give us some padding, so we can put the shadow to the left and bottom
1.22 + and beat the overflow clipping. */
1.23 +div {
1.24 + font-family: DejaVuSansMono;
1.25 + width: 5em;
1.26 + padding-left: 1em;
1.27 + padding-bottom: 1em;
1.28 + overflow: hidden;
1.29 + white-space: nowrap;
1.30 + text-overflow: "...";
1.31 + text-shadow: -0.5em 3px 2px red;
1.32 +}
1.33 +</style>
1.34 +</head>
1.35 +<body>
1.36 +
1.37 +<div>HelloKitty</div>
1.38 +
1.39 +</body>
1.40 +</html>
