Internet/CSS

CSS :first-line

by 1730 2014. 2. 13.

: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

CSS :first-letter


‘영숙’(박보영)은 충청도를 접수한 여자 일진이지만, 홍성농고 전설의 카사노바 ‘중길’(이종석)을 바라보며 애만 태운다. 한편 홍성공고 싸움짱 ‘광식’...
<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