1 layer at (0,0) size 800x600
2 LayoutView at (0,0) size 800x600
3 layer at (0,0) size 800x600
4 LayoutBlockFlow {HTML} at (0,0) size 800x600
5 LayoutBlockFlow {BODY} at (8,8) size 784x584
6 LayoutText {#text} at (0,0) size 253x19
7 text run at (0,0) width 253: "This tests the -webkit-line-clamp property"
8 LayoutBR {BR} at (253,15) size 0x0
9 LayoutBR {BR} at (0,20) size 0x19
10 LayoutText {#text} at (102,107) size 4x19
11 text run at (102,107) width 4: " "
12 LayoutText {#text} at (208,107) size 4x19
13 text run at (208,107) width 4: " "
14 LayoutText {#text} at (314,107) size 4x19
15 text run at (314,107) width 4: " "
16 LayoutText {#text} at (420,107) size 4x19
17 text run at (420,107) width 4: " "
18 LayoutText {#text} at (526,107) size 4x19
19 text run at (526,107) width 4: " "
20 LayoutText {#text} at (632,107) size 4x19
21 text run at (632,107) width 4: " "
22 LayoutText {#text} at (0,0) size 0x0
23 LayoutText {#text} at (102,254) size 4x19
24 text run at (102,254) width 4: " "
25 LayoutText {#text} at (208,254) size 4x19
26 text run at (208,254) width 4: " "
27 LayoutText {#text} at (0,0) size 0x0
28 layer at (8,49) size 102x81 clip at (9,50) size 100x79 scrollHeight 139
29 LayoutDeprecatedFlexibleBox {DIV} at (0,41) size 102x81 [border: (1px solid #808080)]
30 LayoutBlockFlow (anonymous) at (1,1) size 100x79
31 LayoutText {#text} at (0,0) size 96x139
32 text run at (0,0) width 96: "50% truncation."
33 text run at (0,20) width 56: "This is an"
34 text run at (0,40) width 66: "example of"
35 text run at (0,60) width 45: "ellipsis-"
36 text run at (0,80) width 75: "truncation of"
37 text run at (0,100) width 54: "multi-line"
38 text run at (0,120) width 26: "text."
39 LayoutInline {A} at (0,0) size 34x19 [color=#0000EE]
40 LayoutText {#text} at (26,120) size 34x19
41 text run at (26,120) width 34: "More"
42 LayoutText {#text} at (0,0) size 0x0
43 layer at (114,109) size 102x21 clip at (115,110) size 100x19 scrollHeight 119
44 LayoutDeprecatedFlexibleBox {DIV} at (106,101) size 102x21 [border: (1px solid #808080)]
45 LayoutBlockFlow (anonymous) at (1,1) size 100x19
46 LayoutText {#text} at (0,0) size 92x119
47 text run at (0,0) width 88: "0% truncation."
48 text run at (0,20) width 80: "This does the"
49 text run at (0,40) width 92: "most truncation"
50 text run at (0,60) width 53: "possible,"
51 text run at (0,80) width 86: "truncating to 1"
52 text run at (0,100) width 24: "line."
53 LayoutInline {A} at (0,0) size 34x19 [color=#0000EE]
54 LayoutText {#text} at (24,100) size 34x19
55 text run at (24,100) width 34: "More"
56 LayoutText {#text} at (0,0) size 0x0
57 layer at (220,89) size 102x41 clip at (221,90) size 100x39 scrollHeight 119
58 LayoutDeprecatedFlexibleBox {DIV} at (212,81) size 102x41 [border: (1px solid #808080)]
59 LayoutBlockFlow (anonymous) at (1,1) size 100x39
60 LayoutText {#text} at (0,0) size 84x119
61 text run at (0,0) width 46: "2 lines. "
62 text run at (46,0) width 38: "This is"
63 text run at (0,20) width 84: "an example of"
64 text run at (0,40) width 45: "ellipsis-"
65 text run at (0,60) width 75: "truncation of"
66 text run at (0,80) width 54: "multi-line"
67 text run at (0,100) width 26: "text."
68 LayoutInline {A} at (0,0) size 34x19 [color=#0000EE]
69 LayoutText {#text} at (26,100) size 34x19
70 text run at (26,100) width 34: "More"
71 LayoutText {#text} at (0,0) size 0x0
72 layer at (326,69) size 102x61 clip at (327,70) size 100x59 scrollHeight 179
73 LayoutDeprecatedFlexibleBox {DIV} at (318,61) size 102x61 [border: (1px solid #808080)]
74 LayoutBlockFlow (anonymous) at (1,1) size 100x59
75 LayoutText {#text} at (0,0) size 94x179
76 text run at (0,0) width 69: "Backwards"
77 text run at (0,20) width 66: "compatible"
78 text run at (0,40) width 67: "truncation. "
79 text run at (67,40) width 8: "3"
80 text run at (0,60) width 67: "lines on the"
81 text run at (0,80) width 94: "latest version of"
82 text run at (0,100) width 57: "WebKit. "
83 text run at (57,100) width 32: "1 line"
84 text run at (0,120) width 50: "on older"
85 text run at (0,140) width 65: "versions of"
86 text run at (0,160) width 53: "WebKit."
87 LayoutInline {A} at (0,0) size 34x19 [color=#0000EE]
88 LayoutText {#text} at (53,160) size 34x19
89 text run at (53,160) width 34: "More"
90 LayoutText {#text} at (0,0) size 0x0
91 layer at (432,89) size 102x41 clip at (433,90) size 100x39 scrollHeight 139
92 LayoutDeprecatedFlexibleBox {DIV} at (424,81) size 102x41 [border: (1px solid #808080)]
93 LayoutBlockFlow (anonymous) at (1,1) size 100x39
94 LayoutText {#text} at (0,0) size 96x139
95 text run at (0,0) width 96: "30% truncation."
96 text run at (0,20) width 82: "No link at the"
97 text run at (0,40) width 30: "end. "
98 text run at (30,40) width 56: "This is an"
99 text run at (0,60) width 66: "example of"
100 text run at (0,80) width 45: "ellipsis-"
101 text run at (0,100) width 75: "truncation of"
102 text run at (0,120) width 84: "multi-line text."
103 layer at (538,69) size 102x61 clip at (539,70) size 100x59 scrollHeight 119
104 LayoutDeprecatedFlexibleBox {DIV} at (530,61) size 102x61 [border: (1px solid #808080)]
105 LayoutBlockFlow (anonymous) at (1,1) size 100x59
106 LayoutText {#text} at (0,0) size 97x119
107 text run at (0,0) width 46: "3 lines. "
108 text run at (46,0) width 45: "No link"
109 text run at (0,20) width 67: "at the end. "
110 text run at (67,20) width 25: "This"
111 text run at (0,40) width 97: "is an example of"
112 text run at (0,60) width 45: "ellipsis-"
113 text run at (0,80) width 75: "truncation of"
114 text run at (0,100) width 84: "multi-line text."
115 layer at (644,48) size 102x82 clip at (645,49) size 100x80
116 LayoutDeprecatedFlexibleBox {DIV} at (636,40) size 102x82 [border: (1px solid #808080)]
117 LayoutBlockFlow (anonymous) at (1,1) size 100x80
118 LayoutText {#text} at (0,0) size 100x79
119 text run at (0,0) width 46: "0 lines. "
120 text run at (46,0) width 38: "This is"
121 text run at (0,20) width 91: "an invalid value"
122 text run at (0,40) width 100: "for -webkit-line-"
123 text run at (0,60) width 40: "clamp."
124 layer at (8,195) size 102x82 clip at (9,196) size 100x80
125 LayoutDeprecatedFlexibleBox {DIV} at (0,187) size 102x82 [border: (1px solid #808080)]
126 LayoutBlockFlow (anonymous) at (1,1) size 100x80
127 LayoutText {#text} at (0,0) size 100x79
128 text run at (0,0) width 52: "-1 lines. "
129 text run at (52,0) width 38: "This is"
130 text run at (0,20) width 91: "an invalid value"
131 text run at (0,40) width 100: "for -webkit-line-"
132 text run at (0,60) width 40: "clamp."
133 layer at (114,195) size 102x82 clip at (115,196) size 100x80
134 LayoutDeprecatedFlexibleBox {DIV} at (106,187) size 102x82 [border: (1px solid #808080)]
135 LayoutBlockFlow (anonymous) at (1,1) size 100x80
136 LayoutText {#text} at (0,0) size 94x79
137 text run at (0,0) width 35: "-1%. "
138 text run at (35,0) width 56: "This is an"
139 text run at (0,20) width 94: "invalid value for"
140 text run at (0,40) width 79: "-webkit-line-"
141 text run at (0,60) width 40: "clamp."
142 layer at (220,135) size 102x142 clip at (221,136) size 100x140
143 LayoutDeprecatedFlexibleBox {DIV} at (212,127) size 102x142 [border: (1px solid #808080)]
144 LayoutBlockFlow (anonymous) at (1,1) size 100x140
145 LayoutText {#text} at (0,0) size 92x139
146 text run at (0,0) width 37: "150%"
147 text run at (0,20) width 67: "truncation. "
148 text run at (67,20) width 25: "This"
149 text run at (0,40) width 82: "does the least"
150 text run at (0,60) width 59: "truncation"
151 text run at (0,80) width 53: "possible,"
152 text run at (0,100) width 58: "truncating"
153 text run at (0,120) width 47: "nothing."