첫 글자 또는 첫 줄에 스타일을 부여하는 :first-letter,:first-line 속성

:first- 속성

작성된 글의 첫 글자 또는 첫 줄에 스타일을 부여하는 속성인 :first- 속성은 첫 글자에 스타일을 부여하는 :first-letter 속성과 첫 줄에 속성을 부여하는 :first-line 속성이 있다

먼저 :first-letter 속성의 예제를 보면

:first-letter 속성 예제

<style type="text/css"> p:first-letter { display: inline-block; color: #f00; font-size: 50px; } </style> <p>컴퓨터 속 소소한 정보</p>

---

이후 :first-line 속성의 경우

:first-line 속성 예제

<style type="text/css"> p:first-line { font-weight: bold; color: #f00; } </style> <p>컴퓨터 속<br>소소한정보</p>

위와 같은 속성을 통해 필요로 하는 부분을 강조하며 내용을 시작하거나 좀 더 가독성 높은 형태의 문단을 만들 수 있다.