color

글자의 색상

  • rgb() : color : rgb(0,0,0) // 검정
  • 색상의 이름 : color : red;

text-align

문자의 정렬 방식

  • left, right, center : 왼쪽, 오른쪽, 가운데 정렬
  • justify : 양쪽 정렬

text-decoration

문자의 장식(선을 의미함)

  • none : 없음
  • underline : 밑줄
  • overline : 윗줄
  • line-through : 중앙 선

text-indent

첫 줄의 들여쓰기  (inline 요소에는 적용되지 않습니다)

  • 0 : 들여쓰기 없음
  • 단위 : 단위로 지정(px, rem , em)
  • % : 요소의 가로 너비에 대한 비율

See the Pen 문자 관련 css by J-Plum (@J-Plum) on CodePen.

1. 첫번째 a태그는 기본적으로 밑줄이 있지만 text-decoration으로 지운 상태입니다.

2. 밑줄이 생겼습니다.

3. 윗줄이 생겼습니다.

4. 중앙에 선이 생겼습니다.

5. text-indent로 들여쓰기를 했습니다.
  (codePen 에서는 재대로 보이는데.. 여기선 잘 안보이네요.. 아래 링크 첨부했습니다.)

https://codepen.io/J-Plum/pen/RwYLMWO

'CSS' 카테고리의 다른 글

[CSS] 요소 쌓임 순서  (1) 2023.03.09
[CSS] Parallax  (0) 2023.03.09
[CSS] font 관련 css  (0) 2023.03.08
[CSS] display에 대해서  (0) 2023.03.08
[CSS] overflow란?  (0) 2023.03.08

+ Recent posts