Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

は列挙データ型で、フォントのブロックの先頭と末尾の端の特定の領域を表すフォントメトリックを指定するキーワードを定義します。各キーワードは、フォントの上端や下端の端の位置を指定します。

の値は、 text-box-edge プロパティで使用され、テキスト要素のブロックコンテナーのブロックの先頭端および末尾端から切り取る空間の大きさを指定します。

構文

css
 =
  [ text | ideographic | ideographic-ink ] |
  [ text | ideographic | ideographic-ink | cap | ex ] [ text | ideographic | ideographic-ink | alphabetic ]

メモ: ideographic および ideographic-ink のキーワードは、 CJK 言語の文字に固有の上端と下端の位置を指定するために用意されています。現在、これらのキーワードの正確な動作については議論が分かれており、どのブラウザーも対応していません。

値

データ型は、フォントのブロックの先頭（上端）やブロックの末尾（下端）の端の特定の領域を表す 1 つまたは 2 つのキーワードで構成されます。

  • 1 つの値を指定すると、そのキーワードを使用して、フォントの上端と下端の位置が指定されます。
  • 2 つの値を指定すると、最初の値はフォントの上端の位置を指定し、2 つ目の値はフォントの下端の位置を指定します。

単一のキーワード値

text

フォントの上端と下端は、そのテキストオーバーベースライン/テキストアンダーベースラインです。これには、フォントのアセンダーとディセンダーが含まれますが、テキストに設定されている半行送りは含まれません。

メモ: テキスト要素に含まれる半行の量は、 line-height プロパティを使用して制御できます。

2 つのキーワード値

alphabetic

フォントの下端は、そのアルファベットのベースラインであり、小文字（例えば "m", "n", "o"）や大文字の下端です。

cap

フォントの上端は、大文字の高さである cap-height のベースラインです。

ex

フォントの上端は、その x-height ベースライン、つまり小文字の低い文字の上端です。

text

フォントの上端は、そのテキストの上端ベースライン（フォントのアセンダーは含まれますが、上行送りは含まれません）であり、下端は、そのテキストの下端ベースライン（フォントのディセンダーは含まれますが、下行送りは含まれません）です。

例

See text-box-edge examples

仕様書

Specification
CSS Inline Layout Module Level 3
# typedef-text-edge

ブラウザーの互換性

関連情報