:first-letter

In this chapter you will learn:

Definition for Selector :first-letter
An example showing how to use :first-letter CSS selector

Description

The :first-letter selector adds style to the first letter of the specified selector.

Example

<!DOCTYPE html><!--  j a va2  s.c  o  m-->
<html>
<head>
<style>
p:first-letter{
    font-size:200%;
    color:#8A2BE2;
}
</style>
</head>
<body>
    <p>java2s.com</p>
    <p>www.java2s.com</p>

</body>
</html>

Click to view the demo

Next chapter...

What you will learn in the next chapter:

Definition for Selector:first-line
An example showing how to use :first-line CSS selector