:first-line 선택자는 문서의 첫 줄에만 별도로 속성을 정의 할 수 있습니다.
:first-line {
font: Value;
color: Value;
background: Value;
word-spacing: Value;
letter-spacing: Value;
text-decoration: Value;
vertical-align: Value;
text-transform: Value;
line-height: Value;
clear: Value;
}기본값:없음, 상속:안됨, 버전:CSS1
‘영숙’(박보영)은 충청도를 접수한 여자 일진이지만, 홍성농고 전설의 카사노바 ‘중길’(이종석)을 바라보며 애만 태운다. 한편 홍성공고 싸움짱 ‘광식’...
<div>‘영숙’(박보영)은 충청도를 접수한 여자 일진이지만, 홍성농고 전설의 카사노바 ‘중길’(이종석)을 바라보며 애만
태운다. 한편 홍성공고 싸움짱 ‘광식’...</div>
<style>
div:first-line { font-size:20px; color:#f40; }
</style>opera, IE, chrome, safari 브라우저는 상위 요소에 :first-line 선택자를 적용할 경우 문자가 없을 경우 하위 요소의 첫 줄에 적용하지만 firefox 브라우저의 경우 상위 요소에 글자가 없더라도 하위 요소에 상속이 되지 않습니다.
<div><p>:first-line </p></div>
<style>div:first-letter { font-size:20px; color:#f40; }</style>
태그가 이런 식으로 되어 있을 경우 파이어 폭스(27.0 기준)의 경우 표현되지 않습니다.
'Internet > CSS' 카테고리의 다른 글
| CSS Links (0) | 2014.10.15 |
|---|---|
| CSS line-height (0) | 2014.02.13 |
| CSS :last-child (1) | 2014.02.13 |
| CSS :first-child (0) | 2014.02.13 |
| CSS :first-letter (0) | 2014.02.12 |
| CSS z-index (0) | 2014.02.11 |
| CSS opacity (0) | 2014.02.09 |
| CSS float (0) | 2014.02.09 |