CSS 참조 가이드

CSS @규칙(RULES)

CSS 속성 전체 목록

CSS :first-letter 패턴 요소

온라인 예제

각 <p> 요소의 첫 번째 글자 선택 스타일:

예제

!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">　
<title>기본 강의(oldtoolbag.com)</title>　
<style>
p:first-letter
{
　　　　font-size:200%;
　　　　color:#0000ff;
}
</style>
</head>
<body>
<h1>Welcome　to　My　Homepage</h1>
<p>My　name　is　Jack.</p>
<p>I　live　in　Shanghai.</p>
<p>My　best　friend　is　Linda.</p>
</body>
</html>

테스트를 보세요 ‹/›

정의와 사용법

:first-letter 선택자는 요소의 첫 번째 글자의 스타일을 지정합니다.

안내: :first-letter 선택자는 다음 속성을 사용할 수 있습니다:　

font 속성
color 속성　
background 속성
margin 속성
padding 속성
border 속성
text-decoration
vertical-align (only if float is 'none')
text-transform
line-height
float
clear

주의: "first-"letter" 선택자는 블록 요소에서만 적용됩니다.

브라우저 호환성

표의 숫자는 해당 속성을 지원하는 첫 번째 브라우저 버전 번호를 나타냅니다.

선택자
::first-letter	1.0	9.0 부분적으로5.5	1.0	1.0	7.0 부분적으로5.5

주의: IE 5.5-8 및 Opera 4-6 단순히 오래된 문법 표준, single-colon CSS2문법(：first-letter) 새 버전에서 지원하는 표준, 두 개의 colons CSS3문법(::letter)