| 속성 | 값 | 설명 |
|---|---|---|
| text-indent | 길이, 퍼센트 | 들여쓰기 |
| text-align | left, right, center | 문자열 정렬 |
| line-height | normal, 숫자, 길이, 퍼센트 | 줄간격(행간격) |
| vertical-align | top, bottom, middle | 수직 정렬 |
| letter-spacing | normal, auto, 길이 | 문자 간격(자간) |
| word-spacing | normal, auto, 길이 | 단어 간격 |
| white-spacing | normal, pre, nowrap | 빈칸 및 줄바꿈 처리 |
| text-decoration | none, underline, line-through, blink | 문자열처리 |
| text-transform | none, capitalize, uppercase, lowercase | 문자열 대소문자 지정 |
<style>
H1{
text-align : left;
text-indent : 3cm;
}
P{
text-decoration : overline;
text-transform : uppercase;
font-style : italic;
font-size : 20pt;
}
</style>
</head>
<body>
<center>
<h1>스타일시트 적용하기</h1>
<br><hr>
<p>
텍스트 장식은 overline이고, 이텔릭체이며, <br>
폰트의 크기는 20포인트입니다.
</p>
</center>
</body>
</html>
📖개발블로그📖