CSS ::first-letter 가상 요소

정의와 사용법

CSS ::first-letter 가상 요소는 블록 요소의 첫 번째 글자의 스타일을 설정하는 데 사용됩니다.

주의事项:다음 속성과 함께 사용할 수 있습니다: ::first-letter 함께 사용하면:

  • 모든 글꼴 속성
  • 모든 배경 속성
  • 모든 외 경계 속성
  • 모든 내 경계 속성
  • 모든 경계 속성
  • color
  • text-decoration
  • text-shadow
  • letter-spacing
  • word-spacing
  • text-transform
  • text-decoration-color
  • text-decoration-line
  • text-decoration-style
  • box-shadow
  • vertical-align(float가 none일 때만)
  • line-height
  • float

예제

각 <p> 요소의 첫 번째 글자의 스타일을 선택하고 설정하세요:

p::first-letter {
  font-size: 200%;
  font-weight: bold;
  color: #8A2BE2;
}

직접 테스트해 보세요

CSS 문법

::first-letter {
  css 선언;
}

기술 세부 사항

버전: CSS1

브라우저 지원

표에서의 숫자는 이 가상 요소를 최초로 완전히 지원하는 브라우저 버전을 지정합니다.

크롬 에지 파이어폭스 사파리 오페라
1.0 9.0 1.0 1.0 7.0

相关页面

教程:CSS 가상 요소