CSS Properties

User Guide / CSS Reference

Below are all of the CSS properties supported by Prince 8.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)
clip-path none | url(path)
clip-rule nonzero | evenodd
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 | double | groove | ridge | inset | outset
column-rule-width thin | medium | thick | length
column-span number | all
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() | prince-script(ident, content*) ]+
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 | prince-snap | top | bottom | column-top | column-bottom | column-top-corner | column-bottom-corner || next? || unless-fit?
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 | persian | urdu | japanese-informal | japanese-formal | simp-chinese-informal | simp-chinese-formal | trad-chinese-informal | trad-chinese-formal
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-image-magic none | jpeg-quality(percent) | snap-to-integer-coords
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-label* auto | content
prince-pdf-page-layout* single-page | one-column | two-column | two-column-left | two-column-right
prince-pdf-page-mode* auto | show-attachments | show-bookmarks | fullscreen
prince-pdf-print-scaling* auto | none
prince-pdf-script* "JavaScript"
prince-shrink-to-fit* none | auto
prince-text-justify* auto | prince-cjk
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
transform none | [ rotate(angle) | translate(offset, offset?) | translatex(offset) | translatey(offset) | scale(number, number?) | scalex(number) | scaley(number) | skewx(angle) | skewy(angle) ]+
transform-origin percent || length || left || center || right || top || bottom
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