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> |
chevron_right
filter_none
Output:
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
Recommended Posts:
- CSS | ::before selector
- CSS | ::after Selector
- CSS | #id Selector
- CSS | :not Selector
- CSS | * Selector
- CSS | :nth-child() Selector
- CSS | ::first-line Selector
- CSS | :indeterminate Selector
- CSS | :nth-last-child() Selector
- CSS | [attribute=value] Selector
- CSS | :nth-last-of-type() Selector
- CSS | [attribute$=value] Selector
- CSS | :last-child Selector
- CSS | :link Selector
- CSS | :first-of-type Selector
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.
