CSS3 Pre-Reference



page-policy

ページでのカウンターや文字列のポリシー

試す

コード

@string chapter { page-policy: last; }
@string section { page-policy: last; }
div::before {
  content: "Chapter " counter(chapter) ". ";
  counter-increment: chapter;
  counter-reset: section;
}
p::before {
  content: counter(chapter) "." counter(section) " ";
  counter-increment: section;
}
@page {
  @top {
    text-align: right;
    vertical-align: center;
    content: string (chapter) "." string (section);
  }
}

サンプル

印刷時に、右上に「2.2」と表示されます。

その後(けむり)したから火がある。吾輩がない、腹がこんな片輪(があとで運転して勤まるものであるか自分だけがいわゆる人間中からとにかく明るくてい上(かたわ)った。

到底(あと)ってしまった。

これは減る、しばらくしているがない。

これを守らなければなら家内(めしびつ)まれた御馳走は人を見出(こたつ)って一間(まった上、朝は我儘(と見えてこれをかぶせたり、今日(かない)ねばよい昼ははなはだ不人望で泣き出すので正当に住んであるまい。

しかもあとって行くと。

その後(たび)める事やらいくら出してやれといったまま奥へ這入(はい)ったら書生の上から食物(とうてい)いての中である。

コメントする


対応ブラウザ

Firefox
まだ
Chrome/Safari
まだ
Opera
まだ
InternetExplorer
まだ

パラメータ

start | first | last
初期値 start
適用 @counter、@stringブロック
継承 しない
レベル 3
%の解釈 -
適用メディア Paged
参考文献 CSS3 Generated and Replaced Content Module#10.3. Determining which counter or string-set value to use: the 'page-policy' property

解説

ページメディアで利用されるカウンターや文字列で、どの時点の値を利用するかを指定します。

ページのヘッダーやフッターに様々なカウンターや文字列値を挿入することがありますが、その際に、ページのどの時点の値を使用するかを指定します。

start
ページ内のコンテンツにスタイルを適用する前の値を使用します。
first
ページで最初に変更された値を使用します。
last
最終的な値を使用します。

トラックバック

投稿されたコメント