メニュー

東京・小金井市のWEB制作会社の豆知識

MEMORANDUM

CSSで文字の一文字目を大きくする

  • 公開日：2011-05-17
  • 最終更新日：2026-03-11
  • 0

CSSで文字の一文字目を大きくする方法をメモ。
文字の大きさに限らず、色を変えたり背景色をつけたりとポイントとして活用できるので「アイコンを作るまでもないが見出しを強調したい」という時に便利です。

HTML

<p>CSSで文字の一文字目を大きくする</p>

CSS

p:first-letter {
	font-size: 24px;
	font-style: bold;
	line-height: 1.5;
}

この記事を書いた人

片寄輝生
株式会社衆代表/WEB制作者
実務20年。
Web制作全般に携わり、企画・設計から実装・運用まで一貫して対応。
現場で得た知見をもとに、実践的な内容を中心に発信しています。
RANKING

人気記事

同一カテゴリーの記事