layout/reftests/text-overflow/block-padding.html

changeset 0
6474c204b198
     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/layout/reftests/text-overflow/block-padding.html	Wed Dec 31 06:09:35 2014 +0100
     1.3 @@ -0,0 +1,71 @@
     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: test marker trigger point and alignment in a block with padding
    1.10 +-->
    1.11 +<!DOCTYPE HTML>
    1.12 +<html><head>
    1.13 +<meta http-equiv="content-type" content="text/html; charset=UTF-8">
    1.14 +<title>text-overflow: text-overflow block padding </title>
    1.15 +<style type="text/css">
    1.16 +@font-face {
    1.17 +  font-family: DejaVuSansMono;
    1.18 +  src: url(../fonts/DejaVuSansMono.woff);
    1.19 +}
    1.20 +html,body {
    1.21 +    color:black; background-color:white; font-size:16px; padding:0; margin:0; font-family:DejaVuSansMono;
    1.22 +}
    1.23 +body { width:24ch; overflow:hidden; }
    1.24 +
    1.25 +.test { 
    1.26 +  overflow: hidden; 
    1.27 +  white-space: nowrap;
    1.28 +  text-overflow: ellipsis;
    1.29 +  text-decoration: line-through;
    1.30 +  padding-left: 1ch;
    1.31 +  padding-right: 3ch;
    1.32 +  height: 3em;
    1.33 +  margin-bottom:1em;
    1.34 +}
    1.35 +.s {
    1.36 +  overflow: auto; 
    1.37 +}
    1.38 +span {
    1.39 +  text-decoration: underline overline;
    1.40 +  background:yellow;
    1.41 +}
    1.42 +.rtl {
    1.43 +  direction:rtl;
    1.44 +}
    1.45 +.ltr {
    1.46 +  direction:ltr;
    1.47 +}
    1.48 +.rlo span {
    1.49 +  unicode-bidi: bidi-override; direction: rtl;
    1.50 +}
    1.51 +.lro span {
    1.52 +  unicode-bidi: bidi-override; direction: ltr;
    1.53 +}
    1.54 +</style>
    1.55 +
    1.56 +</head><body>
    1.57 +
    1.58 +<!-- LTR / LTR -->
    1.59 +<div class="test ltr"  ><span>|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;</span></div>
    1.60 +<div class="test ltr s"><span>|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;</span></div>
    1.61 +
    1.62 +<!-- RTL / LTR -->
    1.63 +<div class="test rtl"  ><span>|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;</span></div>
    1.64 +<div class="test rtl s"><span>|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;</span></div>
    1.65 +
    1.66 +<!-- LTR / RTL -->
    1.67 +<div class="test ltr rlo"  ><span>|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;</span></div>
    1.68 +<div class="test ltr rlo s"><span>|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;</span></div>
    1.69 +
    1.70 +<!-- RTL / RTL -->
    1.71 +<div class="test rtl rlo"  ><span>|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;</span></div>
    1.72 +<div class="test rtl rlo s"><span>|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;|&nbsp;</span></div>
    1.73 +
    1.74 +</body></html>

mercurial