Web Design / HTML

  1. Home
  2. Computing & Technology
  3. Web Design / HTML

:first-letter

By Jennifer Kyrnin, About.com

:first-letter Description:

The :first-letter pseudo-element allows you to define styles for the first letter of an element.

:first-letter Web Browser Support:

:first-letter in CSS Versions:

:first-letter Examples:

Make the font size large for the first letter of every paragraph

<style>
p:first-letter { font-size:large; }
</style>

:first-letter Special Notes:

  • You can use this to create drop-caps and other fancy typography.

More :first-letter Information:

Explore Web Design / HTML

About.com Special Features

Web Design / HTML

  1. Home
  2. Computing & Technology
  3. Web Design / HTML
  4. CSS
  5. CSS Pseudo Properties
  6. The :first-letter Pseudo-Element - CSS 1 XHTML 1.0 HTML 4.0

©2009 About.com, a part of The New York Times Company.

All rights reserved.