Blue-sky printing


                     There are many reasons for using Prince. We will show you 8.





one: JavaScript                                                                  three: CSS3 columns
               Prince supports JavaScript so that programmers can                                    This document is laid out in two columns on the
               achieve effects not possible in HTML and CSS along.                                   first page. The next pages are more narrow and
               tomatically generates a table of contents:ipt that au-                                numberofcolumnsisautomaticallyadjustedbased
                                                                                                     on the available width.
                  JavaScript..................CSS3 transforms..........1
                  More JavaScript..........1  Background images.....2
                  CSS3 columns .............1 CSS3 selectors..............2
                  Styling pages...............More transforms.........2          4: Styling pages
                                                                                         The second page of this document is different from the first: it’s up-
                                                                                         right and it has no background image. This is achieved by styling
two: More JavaScript                                                                     pages instead of elements.

               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     5: CSS3 transforms
               smaller.                                                                  CSS3 introduces transforms, which can be used to scale and
        rotate elements. «Prince» is rotated 90 degerees on the right.                          P
        outside the normal text flow.margin box so that it appears                              r
                                                                                                i
6: BackgThe image on the right is used as the                                                   n
        There, only part of the image is visible.                                               c
        Also,noticehowthebackground imageismage.e                                               e
        page to avoid white edges when the paperthe
        is cut.
7: CSS3 selectors
       Notice how every other item in our list of eight is in italics. This is achieved by
       selecting and styling even-numbered items.
8: More transforms
       age rotated at various angles.mages as well as text. Below is the blue-sky background im-