CSS

first-letter

first-letterは擬似要素で要素の最初の一文字目にだけスタイルを適応することができます。

用例

※マークから始まる注釈で、2行になっても※マークが左にインデントされているようにする時などに便利そうに感じますが、※マークは1文字にカウントされないみたいで使えません。 なので素直にドロップキャップなどで使います。

//html
<p>
  ※注釈が入ります。注釈が入ります。注釈が入ります。<br>
  注釈が入ります。注釈が入ります。
</p>
//css
p::first-letter{
 font-size:2em;
}