TIL #11. CSS (text style)

html 의 blockquote를 보며 함께 봤던 text style 관련 css이다.

1. text-decoration

텍스트에 밑줄을 그을 때 사용할 수 있는 속성이다.
이 text-decoration에도 여러가지가 있는데, 기본적으로는 직선이 들어가게 되며, 그 위치에 따라서 속성값이 달라지게 된다.

• 글 위에 새겨질 때 엔 overline
• 흔히 말하는 밑줄, 글 밑으로 갈 땐underline
• 글 가운데 가로질러 갈 땐(취소선) line-through
• 이 직선을 물결로 나타낼 수 있는 wavy
• 점선으로 표시하는 dashed

근데 이 속성은 <span> 이나 다른 태그들에 border 를 적용하는 것보다 원하는대로 간격을 조정하며 꾸미기가 어려워, border 속성을 더 많이 사용한다고 한다.

2. text-align

text-align 은 <span>과 같은 Inline block 에서는 사용하기가 어렵다. 기본적으로 왼쪽 정렬이 기준이며, left, right, center의 속성값을 적용할 수 있다.

• 왼쪽
• 오른쪽
• 가운데

         또한 이 text-align의 경우에 단순히 태그 안에 있는 text 뿐 아니라 inline 요소들도 해당된다.