We implemented the spacialized attribute fostyle
to carry this information.
Because the browser just ignores this, you must be careful to structure it correctly for processing.
The proper structure is name
: value
; noting that the ":" after name is followed
by a space and the ";" between items is also followed by a space.
In some instances you may wish to pass through XSL FO attributes that are not
supported in HTML. This is an example, while the text in the HTML has a brown color
applied, we have applied a CMYK color for the PDF generation through the use of the
fostyle
attribute. All fostyle
attributes are applied
after HTML css and also after direct attributes and override those in the HTML. This
paragraph also has text-align
justify in the HTML and font-stretch,
font-size-adjust and hyphenate in the PDF output. The fostyle
attribute
is attached right in the HTML, just like style
and uses the same
structure internally as style
.
The code for the paragraph above looks like this:
<p style="color: brown; text-align:justify;" fostyle="text-align-last: left; font-stretch: wider; font-size-adjust: 0.6; hyphenate: true; color: rgb-icc (255, 255, 0, #CMYK, .1, .2, .7, .5);">In some instances ...
Another common use for passing through custom elements is for properties that have specific meaning in a pagination situation like "keeps". There are several forms of keeps that can help you organize content so it is glued together as you like it.
The following are the most commonly used keeps:
keep-together.within-page
: set to "always" and used to keep a block
of content always together in a single pagekeep-with-next.within-page
: set to "always" and used to keep a
block of content glued to the next one always together in a single pagekeep-with-previous.within-page
: set to "always" and used to keep a
block of content glued to the previous one always together in a single pagekeep-together.within-line
: set to "always" and used to keep a span
of content glued always together in a single lineThe following shows some demonstrations of these capabilities.
This paragraph, the instructions and the following three para's of LoremIpsum
text are surrounded by a <div>
with
keep-together.within-page
as always
, like
this:
<div fostyle="keep-together.within-page: always;"> <p>This paragraph, the instructions and the following five para's of LoremIpsum text are surrounded by a <div> with "keep-together.within-page" as "always", like this:</p>...
Eleifend justo sit ea dolores. Sit sanctus laoreet invidunt autem clita justo accusam sea diam stet ipsum invidunt sadipscing volutpat nulla. Dolores voluptua nisl sit dolores. Erat ut labore et labore sadipscing sanctus dolores et sit kasd sit consectetuer eirmod tincidunt et duis autem no. Eos erat labore. Consetetur kasd sed et aliquyam elitr dolore et lorem sed consequat est ipsum in ut. Ipsum eos est eu voluptua sit eirmod volutpat consetetur dolor eos no ullamcorper sit. Et labore kasd nostrud nonumy dolor eos eirmod et duo amet dolor cum gubergren laoreet.
Sea stet magna amet vero ut ipsum magna eos accusam nonumy diam kasd vero tincidunt ut eros ad. Vulputate diam dolor amet erat invidunt nonumy stet magna et soluta amet velit dolores voluptua. Eum et tempor gubergren sit sed diam. Nonummy labore kasd eos minim aliquyam duis sadipscing sit dolor lorem et aliquyam amet ipsum ea qui esse labore. Hendrerit sit et voluptua ut. Diam dolor takimata lorem lorem lorem magna magna duis. At dolores et at molestie.
Accusam ipsum erat consequat gubergren duo et nulla clita duis aliquyam doming vel amet. Eirmod justo kasd nisl lobortis dolore ipsum sed et lorem eirmod takimata nonumy nisl ipsum sea. Nulla feugiat sit lobortis sanctus takimata et stet ut iriure elitr diam duo. Rebum amet et erat ex vel magna eirmod consequat eos. Delenit consequat eos diam lorem sanctus. Dolor lorem magna justo ipsum doming dolore stet vel ipsum aliquam.
Eirmod ea ea vero kasd feugiat et dolor feugait duo quis amet eos rebum. Nonumy consetetur dignissim invidunt magna consectetuer ad ut molestie amet sadipscing magna diam molestie tempor. Qui ipsum vel possim lorem accusam amet dolores ipsum aliquip in autem aliquyam accusam vero. Nonummy sed eum. Et elit consetetur vero nam erat euismod erat justo nobis elitr amet odio. Sanctus elitr takimata consetetur facilisis labore consetetur tempor ea eos sanctus labore est ea lorem stet duo.
Liber takimata accusam gubergren diam et justo quis et dolor labore nulla eros diam et amet dolore. Accusam consequat takimata vero sit lorem accusam duo aliquam. Ipsum in sanctus labore invidunt sanctus sit ipsum consequat magna sed kasd nam facilisi vero nisl duo eu rebum. Labore magna accusam in sit. Justo magna vulputate vulputate nonumy no et consetetur dolor amet elitr sit eos odio. Et stet ipsum clita.
Thus all of this content from the header through this paragraph is together on a single page.
A common practice in print documents is keeping together headings and some of the following lines of a paragraph so no heading is orphaned at bottom of a page and at least a few lines of text from any paragraph stay together.
What follows this are a series of headings and LoremIpsum paragraphs. The headings all have "keep-with-next.within-page" as "always" which will at least glue them to the paragraph. The paragraphs all have widows of "3" and orphans of "3" which will attempt to glue together at least three lines of paragraph at the bottom and top of any page. The LoremIpsum paragraphs are randomly generated on refresh of the page so you can test various layouts just by refresing and printing again.
Nobis sit sed ea. Lorem aliquyam sed et eos amet tempor sed invidunt lorem aliquyam magna facilisis consequat. At feugiat kasd facilisis consectetuer no dolore magna ipsum justo ut sed ut ea diam dolore vero euismod ex. Ea ipsum magna nonumy. Option dolor velit et sea ad gubergren no erat lorem eos nonumy lorem. Ea sea ipsum duis ipsum stet sanctus ut dolore et. Ea et voluptua magna eleifend vero nihil et et et amet at no nonumy. Voluptua et takimata kasd aliquyam in augue at dolores nostrud consequat gubergren. Dolor eirmod ipsum dolor ex stet est sadipscing et. Dolor sea id duo clita luptatum consequat dolor eirmod aliquam diam. Tempor consetetur dolores molestie ipsum diam autem tation lorem lorem consequat.
Lorem aliquip stet. Dolor labore diam tincidunt quis vero takimata ex labore et diam. Quis exerci erat diam voluptua dolor et dolor. Gubergren luptatum stet dolor vero commodo at duis magna autem clita rebum nibh elitr assum justo dolores dolor vel. Et option ut voluptua diam nostrud voluptua clita sanctus augue dolor sit sed at invidunt dolor rebum.
Aliquyam et est elitr dolor ea accusam aliquyam vel et diam feugait at nisl tempor dolore aliquyam. Takimata ex dolore elitr stet quod ea nobis sit diam nonumy sanctus. Lobortis delenit nostrud ullamcorper voluptua erat tation et sed ut ipsum dolore quis elit est vulputate dolore. Consetetur vulputate voluptua takimata dignissim sea tempor justo eu takimata blandit justo dolores te sed dolor ut. Et sit clita. Et lorem amet magna stet ipsum duo gubergren autem kasd ea tempor consetetur dolores gubergren augue gubergren sit. Sanctus erat sit laoreet eos cum vero mazim ad. Gubergren magna ut et elitr duo. At nonumy doming et magna qui no lobortis erat. Feugiat clita tempor eos labore et dolor lorem soluta et dolore nonummy sit et ipsum dolor sit esse voluptua.
Magna ipsum lorem voluptua et ut invidunt. Ipsum et ea invidunt tincidunt euismod facilisis consetetur eros. Eos nisl blandit velit. Vero ipsum exerci et invidunt illum tincidunt est ut at gubergren aliquyam ea ea sit stet kasd kasd. Aliquip enim dolores elitr iusto amet ipsum takimata in at consequat suscipit stet eum dolor facilisis takimata sed cum. Invidunt elitr tempor commodo dolor sed et aliquyam quod laoreet augue illum iriure consectetuer. Eleifend takimata euismod lorem et volutpat voluptua tempor kasd dolor luptatum accusam consequat augue facer duis justo takimata. Sit dolor sed vulputate vel ex lorem iusto. Clita et dolor rebum autem exerci magna accusam dolore eos elit labore gubergren.
Imperdiet erat tempor sit duo lorem rebum. Dolore dolores dolore sanctus et. Diam eos et kasd clita ut amet amet amet in accusam sed wisi. Wisi no no sed sed wisi diam. Stet takimata esse erat elit et sit sit sit. Ipsum aliquip lorem lorem praesent eos. Ipsum eirmod iriure gubergren veniam voluptua nonumy ipsum. Dolor zzril sea elitr ea laoreet commodo sed gubergren no takimata et feugait nonumy. In diam sit stet dolores diam zzril quis tempor.
Justo rebum sadipscing elit dolore. Voluptua ea no nulla eirmod no est. Lorem iriure nonumy no et illum. Gubergren eos qui at voluptua diam ipsum minim feugiat sanctus est. Eos ipsum ut ut. Sed facilisis takimata consetetur rebum sea ea no amet eirmod rebum erat in. Accusam sea est sed sed ut elitr takimata aliquam eos ipsum sed ullamcorper praesent gubergren dolore lobortis duo. Stet lorem sea vero rebum facilisis rebum sit kasd aliquyam. Eirmod duo nonumy.
Elitr sit voluptua sed elit ipsum ipsum lorem labore at invidunt labore amet est. Lorem erat consequat dolor dolor adipiscing et elitr elit sadipscing eos ipsum voluptua. Labore lorem nonumy ut dolor duo magna eum. Magna sed facilisis aliquip vel. Minim aliquyam amet diam. Nulla at diam tation dolor dolor voluptua te ea ut sea. Nulla est et tempor rebum nihil volutpat invidunt stet ea assum nam eirmod vero diam lorem lorem justo. Justo takimata in voluptua invidunt sanctus duis cum consequat sed voluptua amet lorem eos et stet eleifend amet. Ipsum dolor commodo laoreet sed est sed voluptua et sed at est placerat sit eos justo lorem invidunt. Sea magna consequat. Dolores autem sea.
Eu dolores tempor amet eu ipsum esse euismod ut. Amet et labore nulla et laoreet vulputate ut delenit. Dolore est est duo odio dolore et clita no amet sed dolore sit at veniam iusto sed congue. Hendrerit nulla erat ipsum magna liber. Feugait ut facilisis dolore diam nonumy. Amet ut feugiat nulla odio accumsan sadipscing dolore sed lorem accusam et. Aliquip no eirmod sit adipiscing voluptua sit consetetur erat ipsum takimata. At sed vero. Et eos lobortis nonumy eos. Et labore voluptua eirmod diam ad ullamcorper et no sea.
Et amet sit augue consequat sit sadipscing et lorem ex accusam velit no sit amet rebum sea dolor dolore. Amet rebum invidunt accusam voluptua et et rebum esse minim sadipscing nulla dolores. Magna tincidunt et in suscipit iusto aliquyam diam. Dolor nulla lobortis sed consetetur labore. Sea duis erat labore sadipscing clita rebum voluptua lorem accusam option erat eu. Sea lorem aliquyam duo amet sanctus sed diam tation quis takimata eirmod et rebum nulla. Sit at magna rebum lorem rebum amet rebum diam sea.
Sit ea takimata amet kasd ullamcorper et nonumy et kasd erat sanctus justo lorem tempor lorem magna sanctus. Illum invidunt ipsum possim vero duis et sanctus sadipscing est et suscipit tempor sea amet tempor autem. In diam euismod magna ut vero no takimata dolor kasd consequat sed amet et. Amet amet consetetur dolor dolor et consequat nonummy duis diam ut. Sanctus magna dolor at. Feugait ut vero erat nisl laoreet nobis in magna dolores sit lorem diam. Est elitr erat elitr ea duo esse sit clita at.