【CSS】::first-letter（擬似要素） - 最初の文字

CSSの擬似要素の１つ、first-letterについてご紹介します。

first-letter

擬似要素first-letterは最初の文字です。

基本構文

::first-letter {
    プロパティ名: プロパティ値;
}

サンプル

次のコードは擬似要素first-letterでp要素の最初の文字を目立たせます。

ソースコード

<style>
p::first-letter {
    color: red;
    font-size: 36px;
}
</style>

<p>CSSの正式名称はCascading Style Sheetsです。セレクターやプロパティを定義し、ブラウザ表示のレイアウトや見た目を定義します。</p>

プレビュー