initial-letter-align

これは実験的な機能です。本番で使用する前にブラウザー実装状況をチェックしてください。

CSS の initial-letter-align プロパティは、段落内の最初の文字の配置を指定します。

/* キーワード値 */
initial-letter-align: auto;
initial-letter-align: alphabetic;
initial-letter-align: hanging;
initial-letter-align: ideographic;

/* グローバル値 */
initial-letter-align: inherit;
initial-letter-align: initial;
initial-letter-align: unset;

初期値auto
適用対象::first-letter pseudo-elements and inline-level first child of a block container
継承なし
メディア視覚
計算値指定値
アニメーションの種類個別
正規順序形式文法で定義される一意のあいまいでない順序

構文

以下に挙げたキーワード値のうちの一つです。

auto
ユーザーエージェントがテキストの言語に従って値を選択します。西洋の言語では既定で alphabetic であり、日中韓の言語は ideographic、一部のインド語派の言語は hanging になります。
alphabetic
上記の通り、最初の文字の大文字高は、テキストの最初の行の大文字高に配置されます。最初の文字のベースラインは N 文字目のテキストのベースラインに配置されます。
hanging
最初の文字のぶら下げベースラインは、テキストの最初の行のぶら下げベースラインに配置されます。
ideographic
最初の文字は N 行の領域の中央に配置されます。

形式文法

[ auto | alphabetic | hanging | ideographic ]

仕様書

仕様書 状態 備考
CSS Inline Layout
initial-letter-align の定義
草案 初回定義

ブラウザーの対応

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeEdge MobileAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
initial-letter-align
実験的
Chrome 未対応 なしEdge 未対応 なしFirefox 未対応 なしIE 未対応 なしOpera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android 未対応 なしEdge Mobile 未対応 なしFirefox Android 未対応 なしOpera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android ?

凡例

未対応  
未対応
実装状況不明  
実装状況不明
実験的。動作が変更される可能性があります。
実験的。動作が変更される可能性があります。

ドキュメントのタグと貢献者

このページの貢献者: mdnwebdocs-bot, mfuji09
最終更新者: mdnwebdocs-bot,