: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 (0) | 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 |