CSS Properties

Note: This documentation is for Prince version 7.1. The latest documentation is available here.

Below are all of the CSS properties supported by Prince 7.1. For their precise definitions please refer to the CSS specifications.

* properties marked with an asterisk are Prince extensions.

background background-attachment || background-color || background-image || background-position || background-repeat
background-attachment scroll | fixed
background-color color
background-image none | url(filename)
background-image-resolution* dpi | normal | auto [ , normal | dpi ]?
background-position left || right || top || bottom || center || length || percent
background-repeat repeat | repeat-x | repeat-y | no-repeat
bleed* [ length ] {1..4}
bookmark-label* none | content
bookmark-level* none | integer
bookmark-state* open | closed
bookmark-target* self | url(target-url) | attr(target-attr)
border color || border-style || border-width
border-bottom color || border-style || border-width
border-bottom-color color
border-bottom-style none | hidden | solid | dashed | dotted | double | groove | ridge | inset | outset
border-bottom-width thin | medium | thick | length
border-break none | close | color || border-style || border-width
border-clip normal | length
border-collapse separate | collapse
border-color color {1..4}
border-left color || border-style || border-width
border-left-color color
border-left-style none | hidden | solid | dashed | dotted | double | groove | ridge | inset | outset
border-left-width thin | medium | thick | length
border-radius length {1..2}
border-bottom-left-radius length {1..2}
border-bottom-right-radius length {1..2}
border-top-left-radius length {1..2}
border-top-right-radius length {1..2}
border-right color || border-style || border-width
border-right-color color
border-right-style none | hidden | solid | dashed | dotted | double | groove | ridge | inset | outset
border-right-width thin | medium | thick | length
border-spacing length {1..2}
border-style border-style {1..4}
border-top color || border-style || border-width
border-top-color color
border-top-style none | hidden | solid | dashed | dotted | double | groove | ridge | inset | outset
border-top-width thin | medium | thick | length
border-width border-width {1..4}
bottom auto | length | percent
box-sizing content-box | border-box
caption-page* first | following | all
caption-side top | bottom
clear none | left | right | inside | outside | both
clip auto | rect(offset, offset, offset, offset)
color color
column-break-after auto | always
column-break-before auto | always
column-count number
column-fill auto | balance
column-gap length
column-rule column-rule-color || column-rule-style || column-rule-width
column-rule-color color
column-rule-style none | solid | dashed | dotted
column-rule-width thin | medium | thick | length
column-width auto | width
columns column-count | column-width
content normal | flow(name, page-policy?) | [ "string" | url(filename) | counter(name, counter-style?, page-policy?) | counters(name, "separator", counter-style?, page-policy?) | target-counter(url, counter, counter-style?) | target-counters(url, counter, "separator", counter-style?) | target-content(url) | leader("...") | string(ident, page-policy?) | content() | prince-base-url() ]+
counter-increment none | [ name number? ]+
counter-reset none | [ name number? ]+
direction ltr | rtl
display inline | block | none | list-item | run-in | table | table-header-group | table-footer-group | table-row-group | table-row | table-cell | table-caption | table-column | table-column-group | inline-block | inline-table
empty-cells show | hide
float none | left | right | inside | outside | footnote | prince-column-footnote | top | bottom | top-next | bottom-next | prince-column-top | prince-column-bottom | prince-top-if-necessary | prince-bottom-if-necessary | prince-column-top-if-necessary | prince-column-bottom-if-necessary
flow* normal | static(name, start | current?)
font font-style? font-variant? font-weight? font-size [ / line-height ]? font-family
font-family [ serif | sans-serif | monospace | name | "name" ]+
font-size length | smaller | larger | xx-small | x-small | small | medium | large | x-large | xx-large
font-stretch ultra-condensed | extra-condensed | condensed | semi-condensed | normal | semi-expanded | expanded | extra-expanded | ultra-expanded | wider | narrower
font-style normal | italic
font-variant normal | small-caps | prince-opentype([ feature ]+)
font-weight normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
footnote-style-position outside | inside
height auto | length | percent
hyphens none | manual | auto
hyphenate-patterns* none | url(patterns-url)
hyphenate-after* integer
hyphenate-before* integer
hyphenate-lines* no-limit | integer
image-resolution* dpi | normal | auto [ , normal | dpi ]?
left auto | length | percent
letter-spacing normal | length
line-stacking-strategy inline-line-height | block-line-height | max-height | grid-height
line-height normal | none | number | length
link* none | url(target-url) | attr(target-attr)
list-style list-style-image || list-style-position || list-style-type
list-style-image none | url(image-url)
list-style-position outside | inside
list-style-type box | check | circle | diamond | disc | hyphen | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-alpha | upper-alpha | lower-hexadecimal | upper-hexadecimal | binary | octal | asterisks | arabic-indic | lower-greek | upper-greek | lower-norwegian | upper-norwegian | lower-russian | upper-russian | lower-ukrainian | upper-ukrainian | lower-belarusian | upper-belarusian | lower-bulgarian | upper-bulgarian | lower-serbian | upper-serbian
margin [ auto | length | percent ] {1..4}
margin-bottom auto | length | percent
margin-inside auto | length | percent
margin-left auto | length | percent
margin-outside auto | length | percent
margin-right auto | length | percent
margin-top auto | length | percent
marks none || crop || cross
max-height none | length | percent
max-width none | length | percent
min-height length | percent
min-width length | percent
opacity number
orphans integer
overflow visible | hidden
padding [ length | percent ] {1..4}
padding-bottom length | percent
padding-left length | percent
padding-right length | percent
padding-top length | percent
page auto | name
page-break-after auto | always | avoid | left | right
page-break-before auto | always | avoid | left | right
page-break-inside auto | avoid
position static | relative | absolute | fixed
prince-background-image-resolution* dpi | normal | auto [ , normal | dpi ]?
prince-bleed* [ length ] {1..4}
prince-bookmark-label* none | content
prince-bookmark-level* none | integer
prince-bookmark-state* open | closed
prince-bookmark-target* self | url(target-url) | attr(target-attr)
prince-caption-page* first | following | all
prince-flow* normal | static(name, start | current?)
prince-hyphenate-patterns none | url(patterns-url)
prince-hyphenate-after integer
prince-hyphenate-before integer
prince-hyphenate-lines no-limit | integer
prince-image-resolution* dpi | normal | auto [ , normal | dpi ]?
prince-jpeg-quality auto | percent
prince-linebreak-magic* none | auto
prince-link* none | url(target-url) | attr(target-attr)
prince-page-group* start | auto
prince-pdf-destination* none | "name" | attr(attr)
prince-pdf-link-type* auto | web | file
prince-pdf-open-action* none | print | command(ident)
prince-pdf-page-mode* auto | show-bookmarks | fullscreen
prince-pdf-print-scaling* auto | none
prince-pdf-script* "JavaScript"
prince-shrink-to-fit* none | auto
prince-text-replace* none | [ "search" "replace" ]+
prince-trim* [ length ] {1..4}
right auto | length | percent
size paper-size | length length landscape | portrait?
string-set none | [ ident content ]+
table-baseline number
table-column-span number | attr(colspan)
table-layout auto | fixed
table-row-span number | attr(rowspan)
text-align left | right | inside | outside | center | justify
text-align-last left | right | inside | outside | center | justify
text-decoration none || underline || overline || line-through
text-indent length hanging?
text-line-through color || text-line-through-style
text-line-through-color color
text-line-through-style none | solid | dashed | dotted
text-overline color || text-overline-style
text-overline-color color
text-overline-style none | solid | dashed | dotted
text-transform none | lowercase | uppercase | capitalize
text-underline color || text-underline-style
text-underline-color color
text-underline-style none | solid | dashed | dotted
top auto | length | percent
unicode-bidi normal | embed | bidi-override
vertical-align baseline | sub | super | top | text-top | middle | bottom | text-bottom | length | percent
visibility visible | hidden
white-space normal | pre | pre-wrap | pre-line | nowrap
widows integer
width auto | length | percent
word-spacing normal | length
z-index auto | number