string-set-008

GCPM string-set with multiple assignments

WeasyPrint

This browser

Flags
paged
Assertion
Test checks that several named string can be set on a single element

Source

 1 <!DOCTYPE html>
 2 <html><head>
 3 <meta charset="utf-8">
 4 <title>CSS Test: GCPM string-set with multiple assignments</title>
 5 <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer">
 6 <link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help">
 7 <meta content="paged" name="flags">
 8 <meta content="Test checks that several named string can be set on a single element" name="assert">
 9 <style>
10   @page {
11    @top-center {
12    content: string(center);
13    }
14    @top-left {
15    content: string(left);
16    }
17    @top-right {content:
18    string(right);
19    }
20   }
21 
22  h1 {
23    string-set: left content(), right content(), center content(first-letter);
24  }
25 
26 </style>
27 </head>
28 <body>
29 <h1>Chapter Title</h1>
30 <p>Test passes if “Chapter Title” appears in both the left and right running heads, and “C” appears in the center running head.</p>
31 
32 
33 </body></html>