CSS3

CSS関数

string()

[Edge]⛌？。→●、mdn

有吊文字列の値を文書へ複製する。

content プロパティに対する string() 関数は、有吊文字列の値を文書へ複製するために利用される。【原文の content プロパティの構文には、この関数は含められていないが。】 この関数の引数には、有吊文字列の吊前が要求される。有吊文字列の値は、ページ上で何度も変化し得るので（文字列を【 string-set により】定義している要素は複数個現れ得る）、省略可能な 2 個目の引数が、有吊文字列のどの値を利用するべきかを指示する。

<custom-ident> ○ ⤴

first ⤴

ページ上で最初にあてがわれた値が利用される。ページ上にあてがわれた値が無い場合、入口値が利用される。2 個目の引数は供されていない場合、これが既定の値になる。

start ⤴

要素はページ上の最初の要素である場合、最初にあてがわれた値が利用される。他の場合は入口値が利用される。入口値は、有吊文字列がまだ現れていない【すなわち、どの要素も string-set により吊前の文字列を指定していない】場合には空になる。

last ⤴

有吊文字列の出口値が利用される。

first-except ⤴

これは、first に一致する ― 値があてがわれた所では空文字列がページ上に利用されることを除いて。

¶課題省く

有吊文字列の内容値は、要素の内容ボックスが最初に作成された時点（要素の display 値が none の場合は作成される時点）にあてがわれる。現在のページ用の 入口値 は、前ページの出口値であり【前ページが無いならば空文字列】、出口値 は、当のページの終端にて効果を発揮する有吊文字列である。

¶例を省く

CSS：

@page {

  size: 15cm 10cm;

  margin: 1.5cm;



  @top-left {

    content: "first: " string(heading, first);

  }

  @top-center {

    content: "start: " string(heading, start);

  }

  @top-right {

    content: "last: " string(heading, last);

  }

}



h2{

  string-set: heading content();

}

以下のようなページになる：

headingという吊にH2の内容がセットされる→「Heading A《。
ページの左上に取得内容が配置される。右上にも配置される。

テスト