CSS initial-letter 属性

定義と使用法

initial-letter 属性は、最初の文字のサイズを指定し、オプションで最初の文字がテキスト内に向かって下沉する行数を指定します。

この属性は以下に適用されます。 :first-letter 修飾子とブロックレベルのコンテナの最初のインラインレベル子要素。

例

異なるサイズの最初の文字を表示：

.normal::first-letter {
  -webkit-initial-letter: normal;
  initial-letter: normal;
}
.two::first-letter {
  -webkit-initial-letter: 2;
  initial-letter: 2; /* 最初の文字が2行を占め */
}
.four::first-letter {
  -webkit-initial-letter: 4;
  initial-letter: 4; /* 最初の文字が4行を占め */
}
.four2::first-letter {
  -webkit-initial-letter: 4 2;
  initial-letter: 4 2; /* 最初の文字が4行を占め、2行下沉 */
}

自分で試してみる

CSS文法

initial-letter: normal|number|integer;

属性値

技術的詳細

ブラウザのサポート

表の数字は、その属性を完全にサポートする最初のブラウザのバージョンを指定します。

数字後ろに付く -webkit- は、付加された最初の動作するバージョンを指定します。