catbook C:haevivin Front-end Developer

10. CSS text

» CSS

text (문자 관련 속성)

color

  • 문자의 색상 지정
  • 색상 표현
    • 색상 이름 : black, yellow, red, 등
    • Hex 색상 코드 : 16진수 색상 (예 : #000000)
    • RGB : 빛의 삼원색 (예 : rgb(255, 255, 255))
    • RGBA : 빛의 삼원색, 투명도 (예 : rgba(255, 0, 0, .5))
    • HSL : 색상, 채도, 명도 (예 : hsl(120, 100%, 50%))
    • HSLA : 색상, 채도, 명도, 투명도 (예 : hsla(120, 100%, 50%, .3))


text-align

  • 문자 정렬 방식 지정
  • 속성 값
    • left : 왼쪽 정렬
    • right : 오른쪽 정렬
    • center : 가운데 정렬
    • justify : 양쪽 맞춤 (한 줄에서는 적용 불가, 두 줄 이상에서만 적용 가능)


text-decoration

  • 문자의 장식 설정
  • 속성 값
    • none : 선 없음
    • underline : 밑줄을 지정
    • overline : 윗줄을 지정
    • line-through : 중앙 선 지정


See the Pen css_text by chaevivin (@chaevivin) on CodePen.