본문 바로가기
Programming/HTML+CSS

[CSS] 시작 문자 선택자

by 막이 2012. 11. 30.

 

선택자 형태  설명 

 ::first-letter

 첫 번째 글자를 선택합니다.

 ::first-line  첫 번째 줄을 선택합니다.

 

 <!DOCTYPE html>
<html>
<head>
    <title>CSS3</title>
    <style>
        p::first-letter {
            font-size: 3em;
        }
        p::first-line {
            color: red;
        }
    </style>
</head>
<body>
    <h1>Lorem ipsum dolor sit amet </h1>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ac lacus sit amet </p>
    <p>
        Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia</p>
</body>
</html>