의사 요소 first-line
의사 요소 first-line을 사용하면
텍스트의 첫 번째 줄 스타일을 지정할 수 있습니다.
구문
선택자::first-line {
}
예시
각 문단의 첫 번째 줄 텍스트를 빨간색으로 칠해보겠습니다:
<p>
some long text
</p>
<p>
some long text
</p>
p::first-line {
color: red;
}
p {
width: 300px;
text-align: justify;
}
:
예시
문단 너비를 퍼센트로 설정해보겠습니다. 다음 코드를 실행하고 브라우저 창의 너비를 변경해 보세요:
<p>
some long text
</p>
<p>
some long text
</p>
p::first-line {
color: red;
}
p {
width: 50%;
margin: 0 auto;
text-align: justify;
}
:
