CSS Styles Support
A quick-reference chart showing which CSS selectors, at-rules, and style properties are supported in Scryber templates, with any PDF-specific differences noted.
Support levels used in this chart:
| Label |
Meaning |
| Supported |
Works as in standard CSS |
| Partial |
Supported with differences or limitations — see Notes |
| Scryber |
Scryber-specific extension not present in standard CSS |
| No |
Not currently supported |
Where a property or value was added or significantly improved in a specific version, the version is shown in the Notes column.
On this page
Selectors
Style Selectors
| Selector |
Syntax |
Support |
Notes |
| Element |
div |
Supported |
 |
| Class |
.name |
Supported |
 |
| ID |
#id |
Supported |
 |
| Root |
:root |
Supported |
Used to set CSS custom properties (variables) |
| Universal |
* |
Supported |
Can be combined with another selector |
| Pseudo-class |
:hover, :focus, :nth-child |
No |
Interactivity is not applicable in PDF |
| Attribute |
[attr="value"] |
No |
 |
| Adjacent sibling |
+ |
No |
 |
| General sibling |
~ |
No |
 |
Combinators
| Combinator |
Character |
Support |
Notes |
| Descendant |
` ` (space) |
Supported |
 |
| Direct Child |
> |
Supported |
 |
| Selector List |
, |
Supported |
Invalid selectors in a list are skipped; valid ones are applied |
Pseudo-Elements
| Pseudo-Element |
Syntax |
Support |
Notes |
| Before Content |
::before |
Supported |
Supports content and counter functions |
| After Content |
::after |
Supported |
Supports content and counter functions |
At-Rules
| Rule |
Syntax |
Support |
Notes |
| Page |
@page |
Supported |
Sets page size, margins, and orientation; named pages supported |
| Media |
@media |
Partial |
Only print media queries are applied; screen queries are ignored |
| Font Face |
@font-face |
Supported |
Local and remote font sources; see font configuration docs |
| @keyframes |
@keyframes |
No |
Animations are not applicable in PDF |
| @scope, @layer |
— |
No |
Unknown at-rules cause the entire rule block to be skipped |
Properties
Colour & Opacity
| Property |
Support |
Notes |
| color |
Supported |
Named, hex, rgb(), rgba(), hsl() |
| opacity |
Supported |
0.0 – 1.0 |
Background
| Property |
Support |
Notes |
| background |
Supported |
Shorthand |
| background-color |
Supported |
 |
| background-image |
Supported |
URL, linear-gradient(), radial-gradient(), none |
| background-size |
Supported |
cover, contain (v9.3 improved), lengths, percentages |
| background-position |
Supported |
Keywords, lengths, percentages |
| background-position-x |
Supported |
 |
| background-position-y |
Supported |
 |
| background-repeat |
Supported |
repeat, no-repeat, repeat-x, repeat-y |
Typography
| Property |
Support |
Notes |
| font |
Supported |
Shorthand |
| font-family |
Supported |
System fonts, embedded fonts, Google Fonts via @font-face |
| font-size |
Supported |
pt, px, em, %, named sizes |
| font-style |
Supported |
normal, italic, oblique |
| font-weight |
Supported |
Named and numeric weights |
| font-stretch |
Supported |
 |
| text-align |
Supported |
left, right, center, justify |
| text-decoration |
Supported |
Shorthand |
| text-decoration-line |
Supported |
underline, line-through, overline |
| letter-spacing |
Supported |
 |
| word-spacing |
Supported |
 |
| line-height |
Supported |
 |
| white-space |
Supported |
normal, pre, nowrap |
| vertical-align |
Supported |
top, middle, bottom, baseline |
| hyphens |
Supported |
none, auto, manual |
| hyphenate-character |
Supported |
Custom hyphen character |
| hyphenate-limit-chars |
Supported |
 |
Box Model
Borders
Layout & Positioning
| Property |
Support |
Notes |
| display |
Partial |
block, inline, none fully supported; flex and grid initial support (v9.3); table-* initial support (v9.3) |
| position |
Partial |
static, relative, absolute supported; fixed and sticky not applicable |
| top/right/bottom/left |
Supported |
Used with position |
| float |
Supported |
left, right, none |
| overflow |
Supported |
 |
| overflow-x |
Supported |
 |
| overflow-y |
Supported |
 |
| transform |
Supported |
translate, rotate, scale, matrix |
animation / transition |
No |
PDF is a static format |
z-index |
No |
 |
Flexbox
| Property |
Support |
Notes |
display: flex |
Partial |
Initial support added in v9.3 |
display: inline-flex |
No |
 |
flex-direction |
Partial |
Basic row/column supported |
justify-content |
Partial |
 |
align-items |
Partial |
 |
| Other flex properties |
No |
Full flex spec not yet complete |
Grid
| Property |
Support |
Notes |
display: grid |
Partial |
Initial support added in v9.3 |
| grid-template-columns |
Partial |
Column track definitions; v9.3 |
| Other grid properties |
No |
Full grid spec not yet complete |
Multi-Column Layout
Page Breaks
| Property |
Support |
Notes |
| break-before |
Supported |
auto, always, avoid, page, column, left, right |
| break-after |
Supported |
Same values as break-before |
| break-inside |
Supported |
auto, avoid |
| page-break-before |
Supported |
Legacy CSS2 equivalent of break-before |
| page-break-after |
Supported |
Legacy CSS2 equivalent of break-after |
| page-break-inside |
Supported |
Legacy CSS2 equivalent of break-inside |
| page |
Supported |
Assigns element to a named @page rule |
| size |
Supported |
Used within @page; standard sizes and custom dimensions |
Content & Counters
Gradients (as background-image values)
CSS Variables & Calc
List Marker Customisation (Scryber Extensions)
SVG Style Properties
These are valid CSS properties when styling SVG elements.
Global Property Values
| Value |
Support |
Notes |
initial, inherit, revert, unset |
No |
Global keyword values are not supported; the property is ignored if one of these values is encountered |
See Also