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