π° Drop Cap In CSS
π₯ In CSS, this can be achieved through the initial-letter property, with a value indicating the number of lines to drop the character to
This property works only inside the ::first-letter pseudo element (and some other exceptions)
This also supports a multi value syntax of the format initial-letter: 3 2; where 2 indicated to have the baseline at line 2 (leave a gap of one line)
β οΈ This is not widely supported and required a vendor prefix to work in all browsers
Drop cap is a typography technique where the first letter of a new chapter is dropped to occupy multiple lines. You may be familiar with this through books!
π₯ In CSS, this can be achieved through the initial-letter property, with a value indicating the number of lines to drop the character to
This property works only inside the ::first-letter pseudo element (and some other exceptions)
This also supports a multi value syntax of the format initial-letter: 3 2; where 2 indicated to have the baseline at line 2 (leave a gap of one line)
β οΈ This is not widely supported and required a vendor prefix to work in all browsers
π2
Share our telegram channel ππ
https://t.me/web_development_and_freelance
https://t.me/web_development_and_freelance