Search w3schools.com:

SHARE THIS PAGE

CSS Reference

CSS Reference CSS Selectors CSS Reference Aural CSS Web Safe Fonts CSS Units CSS Colors CSS Color Values CSS Color Names CSS Color HEX CSS3 Browser Support

CSS Properties

CSS :first-letter Selector

Complete CSS Selector Reference Complete CSS Selector Reference

Example

Select and style the first letter of every <p> element:

p:first-letter
{
font-size:200%;
color:#8A2BE2;
}

Try it yourself »

Definition and Usage

The :first-letter selector is used to add a style to the first letter of the specified selector.

Note: The following properties can be used with :first-letter: 

  • font properties
  • color properties 
  • background properties
  • margin properties
  • padding properties
  • border properties
  • text-decoration
  • vertical-align (only if float is 'none')
  • text-transform
  • line-height
  • float
  • clear

Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

The :first-letter selector is supported in all major browsers.


Related Pages

CSS tutorial: CSS Pseudo elements


Complete CSS Selector Reference Complete CSS Selector Reference

Your suggestion:

Close [X]

Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]