Making CSS change the font of the first letter in the paragraph

jus71n742 · 02-12-2009, 11:57 PM

Ok I am designing a site for a company and they actually managed get me on something I should know and just don't

I am using a CSS sheet and I was wondering if there was a way to overly capitalize and format the first letter of the paragraph?
I don't particularly want to use bold, font, color, type HTML tags cause they want it throughout the site and its 36 pages.

example of what I would like to acheive:
Hello this is company A
and the H is Considerably larger, maybe a different Font etc etc.

Thanks

curos · 02-13-2009, 01:33 AM

Did you search?
http://www.w3schools.com/CSS/pr_pseudo_first-letter.asp

theYinYeti · 02-13-2009, 03:24 AM

:first-letter { font:…; color:…; … }

jus71n742 · 02-13-2009, 02:33 PM

Quote:

Originally Posted by curos

Did you search?
http://www.w3schools.com/CSS/pr_pseudo_first-letter.asp

That is what I used ..but I must not be creating it in the correct spot or calling it correctly. cause when I apply it the entire paragraph uses the said font. and then if I apply it to the first letter then it becomes separate from the rest of the paragraph.

paulsm4 · 02-14-2009, 02:33 AM

Hi -

It's also possible that it simply isn't supported by the browser you happen to be testing on. Here's a good CSS Browser Compatibility list:

http://kimblim.dk/csstest/

jus71n742 · 02-14-2009, 06:53 PM

Thanks for your alls assistance. I figured it out. its the .firstbigletter class defined with the necessary font size, color, type changes.