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