first-letter 첫번째 글자 속성

See the Pen first-letter by nilgi (@nilgi) on CodePen.

 

 

first-letter는 다음 속성을 가질 수 있습니다.

• font
• color
• background
• margin
• padding
• border
• text-decoration
• vertical-align (float이 'none'일 때)
• text-transform
• line-height
• float
• clear

<style>
.fl::first-letter {
font-size: 30px;
font-weight: bold;
color: tomato;
background: #333;
border-radius: 7px;
padding: 5px;
margin-left: 10px;
}
</style>

<p class="fl">Love of my life, you've hurt me</p>
<p>You've broken my heart</p>
<p>And now you leave me</p>
<p>Love of my life, can't you see?</p>

<p class="fl">Bring it back, bring it back</p>
<p>Don't take it away from me</p>
<p>Because you don't know</p>
<p>What it means to me</p>
<p>Queen - Love of my life</p>