대소문자/ 들여쓰기/선으로 텍스트꾸미기/ 글자 단어 사이간격/border

1)시작 대문자/ 들여쓰기/ 선으로 텍스트 꾸밈/ 글자 단어 사이간격

<!-- 첫번째 문자 시작 대문자 -->

    <div style="text-transform: capitalize;">text-transform</div>

    <!-- 들여쓰기 -->

    <div style="text-indent: 50px;">들여쓰기</div>

    <!-- 선으로 텍스트 꾸밈 -->

    <div style="text-decoration: line-through red;">text decoration</div>

    <!-- 글자 사이의 간격은 letter-spacing으로, 단어 사이의 간격은 word-spacing -->

    <div style="letter-spacing: 5px;">letter spacing 5px</div>

    <div style="word-spacing: 20px;">world spacing 20px</div>

 

---

2)border 속성

https://developer.mozilla.org/en-US/docs/Web/CSS/border 참고

border-width: top right bottom left 두께  (두개만 쓰면 상하 /좌우)

border-radius: 둥근모서리

border-style

border-color...