::first-letter pseudo-element의 특성:

::first-letter의 기능:

• 텍스트의 첫 번째 글자만 선택
• 드롭캐피털 효과 구현에 최적
• 신문이나 잡지 스타일의 우아한 시작 연출

적용 가능한 속성들:

• 폰트 관련: font-size, font-family, font-weight 등
• 색상: color, background-color
• 여백: margin, padding
• 테두리: border 관련 속성
• 특수효과: text-shadow, float 등

다른 pseudo-element들과의 차이:

::first-line:

• 첫 번째 줄 전체를 선택
• 브라우저 창 크기에 따라 동적으로 변함
• 줄바꿈 지점이 바뀌면 영향받는 텍스트도 변함

::before / ::after:

• 콘텐츠를 추가하는 용도
• content 속성 필수
• 기존 텍스트 수정이 아닌 새 요소 생성