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:
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
