의사 요소 first-letter

의사 요소 first-letter는 요소 내 텍스트의 첫 번째 글자에 스타일을 지정할 수 있게 합니다.

구문

css셀렉터::first-letter {
  
}

예제

각 단락의 첫 번째 글자에 스타일을 적용해 보겠습니다:

html<p>
  Lorem ipsum dolor sit amet.
</p>
<p>
  Lorem ipsum dolor sit amet.
</p>
<p>
  Lorem ipsum dolor sit amet.
</p>

cssp::first-letter {
  color: red;
  font-size: 27px;
}

Результат: