# 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 theachieve effects not possible in HTML and CSS along.

first page. The next pages are more narrow andFor example, this document has a small script that au-

therefore only has room for one column. Thetomatically generates a table of contents:

number of columns is automatically adjusted basedon the available width.JavaScript..................... 1 CSS3 transforms..........1More JavaScript .......... 1 Background images.....2CSS3 columns ............. 1 CSS3 selectors..............2Styling pages................ 1 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**pages instead of elements.*

# two: More JavaScript

*This 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* 5: CSS3 transforms

*that exchanges digits for letters when the number is three or**smaller.*

CSS3 introduces transforms, which can be used to scale and

---

# Prince

rotate elements. «Prince» is rotated 90 degerees on the right.Also, it has been moved to a margin box so that it appearsoutside 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**«bleeding»; it extends slightly outside the**page to avoid white edges when the paper**is cut.*

7: CSS3 selectors                    Notice how every other item in our list of eight is in italics. This is achieved byselecting and styling even-numbered items.

8: More transforms                    *Transforms can be applied to images as well as text. Below is the blue-sky background im-**age rotated at various angles.*