Blue-sky printingThere are many reasons for using Prince. We will show you 8.one:JavaScriptPrincesupportsJavaScriptsothatprogrammerscanachieveeffectsnotpossibleinHTMLandCSSalong.Forexample,thisdocumenthasasmallscriptthatau-tomatically generates a table of contents:JavaScript.....................1More JavaScript..........1CSS3 columns.............1Styling pages................1CSS3 transforms..........1Background images.....2CSS3 selectors..............2More transforms.........2two:More JavaScriptThisdocumentlists8numberedfeatures.Noticethatthefirstthreefeaturesarenumberedwithspelled-outnumbers,whiletherestusedigits.Thisisachievedwithasmallscriptthatexchangesdigitsforletterswhenthenumberisthreeorsmaller.three:CSS3 columnsThisdocumentislaidoutintwocolumnsonthefirstpage.Thenextpagesaremorenarrowandthereforeonlyhasroomforonecolumn.Thenumberofcolumnsisautomaticallyadjustedbasedon the available width.4:Styling pagesThesecondpageofthisdocumentisdifferentfromthefirst:it’sup-rightandithasnobackgroundimage.Thisisachievedbystylingpages instead of elements.5:CSS3 transformsCSS3introducestransforms,whichcanbeusedtoscaleandrotateelements.«Prince»isrotated90degereesontheright.Also,ithasbeenmovedtoamarginboxsothatitappearsoutside the normal text flow.6:Background imagesTheimageontherightisusedasthebackgroundimageonthefirstpage.There,onlypartoftheimageisvisible.Thisisachievedbycarefullysettingthepositionandpixel-densityoftheimage.Also,noticehowthebackgroundimageis«bleeding»;itextendsslightlyoutsidethepagetoavoidwhiteedgeswhenthepaperis cut.7:CSS3 selectorsNoticehoweveryotheriteminourlistofeightisinitalics.Thisisachievedbyselecting and styling even-numbered items.8:More transformsTransformscanbeappliedtoimagesaswellastext.Belowistheblue-skybackgroundim-age rotated at various angles.Prince