CSS | ::first-letter Selector

The ::first-letter selector in CSS is used to apply style to the first letter of the first line of a block-level element, the condition is it should not be preceded by other content ( such as images or inline tables).

Syntax:

 ::first-letter {
    //CSS Property
}

Example:

<!DOCTYPE html> 
<html> 
  
<head> 
    <title> 
        CSS ::first-letter selector 
    </title> 
    <style> 
        p::first-letter { 
            font-size: 250%; 
            color: green; 
        } 
    </style> 
</head> 
  
<body style="text-align: center;"> 
    <h1 style="color:green;"> 
            CSS ::first-letter selector 
        </h1> 
  
    <p> 
        Geeks classes is an extensive classroom programme. 
    </p> 
</body> 
  
</html> 

Output:
firstselector

Supported Browsers: The browser supported by ::first-element selector are listed below:

Apple Safari 1.0
Google Chrome 1.0
Firefox 1.0
Opera 7.0 Partial from 3.5
Internet Explorer 9.0 Partial from 5.5

My Personal Notes

Recommended Posts:

Vishal Chaudhary 2

Check out this Author's contributed articles.

If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to contribute@geeksforgeeks.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.

Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.