CSS initial-letter 속성

정의와 사용법

initial-letter 속성은 머리 글자의 크기를 지정하고 선택적으로 머리 글자가 텍스트 내에서 내려가는 행의 수를 지정합니다.

이 속성은 다음과 같은 경우에 적용됩니다 :first-letter 퍼셉티브 요소와 블록 레이어의 첫 번째 인라인 단계 자식 요소.

예제

다른 크기의 머리 글자를 표시합니다：

.normal::first-letter {
  -webkit-initial-letter: normal;
  initial-letter: normal;
}
.two::first-letter {
  -webkit-initial-letter: 2;
  initial-letter: 2; /* 머리 글자가 2 행을 차지 */
}
.four::first-letter {
  -webkit-initial-letter: 4;
  initial-letter: 4; /* 머리 글자가 4 행을 차지 */
}
.four2::first-letter {
  -webkit-initial-letter: 4 2;
  initial-letter: 4 2; /* 머리 글자가 4 행을 차지하고 2 행을 내려가 */
}

직접 시도해 보세요

CSS 문법

initial-letter: normal|number|integer;

속성 값

기술 세부 사항

브라우저 지원

표에 나타난 숫자는 이 속성을 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.

뒤에 따라오는 -webkit-는 접두사를 가진 첫 번째 작동 버전을 지정합니다.