Blue-sky printing
There are many reasons for using Prince. We will show you 8.
one: JavaScriptPrince supports JavaScript so that programmers can
achieve effects not possible in HTML and CSS along.
For example, this document has a small script that au-
tomatically generates a table of contents:
JavaScript..................... 1
More JavaScript .......... 1
CSS3 columns ............. 1
Styling pages................ 1
CSS3 transforms..........1
Background images.....2
CSS3 selectors..............2
More transforms .........2
two: More JavaScriptThis document lists 8 numbered features. Notice that the
first three features are numbered with spelled-out numbers,
while the rest use digits. This is achieved with a small script
that exchanges digits for letters when the number is three or
smaller.
three: CSS3 columnsThis document is laid out in two columns on the
first page. The next pages are more narrow and
therefore only has room for one column. The
number of columns is automatically adjusted based
on the available width.
4: Styling pagesThe second page of this document is different from the first: it’sup-
right and it has no background image. This is achieved by styling
pages instead of elements.
5: CSS3 transformsCSS3 introduces transforms, which can be used to scale and
rotate elements. «Prince» is rotated 90 degerees on the right.
Also, it has been moved to a margin box so that it appears
outside the normal text flow.
6: Background images
The image on the right is used as the
background image on the first page.
There, only part of the image is visible.
This is achieved by carefully setting the
position and pixel-density of the image.
Also, notice how the background image is
«bleed ing»; it extends slightly outside the
page to avoid white edges when the paper
is cut.
7: CSS3 selectorsNotice how every other item in our list of eight is in italics. This is achieved by
selecting and styling even-numbered items.
8: More transformsTransforms can be applied to images as well as text. Below is the blue-sky background im-
age rotated at various angles.
Prince