CSS page-policy Property

Description

The page-policy property determines which page-based occurrence of a given element is applied to a counter or string value.

Initial value
start
Applies to
@counter and @string blocks
Inherited
N/A
Media
Paged
Computed value
Specified value
Animatable
No
CSS Version
CSS3
JavaScript syntax
object.style.pagePolicy

Syntax

Formal syntax: start | first | last

page-policy: start;
page-policy: first;
page-policy: last;

Values

  • startTakes the value of the counter or string at the beginning of the page (before applying style to the elements of the page, but after applying it to the @page context itself).
  • firstTakes the value after the first state change in the counter or string during processing of the page.
  • lastTakes the value following the final state change on the page.

Example

.class {
   page-policy: last;
}

Browser Support

Desktop
Explorer Edge Chrome Firefox Opera Safari
??????
Tablets / Mobile
Android Chrome Firefox Opera Safari Samsung
??????