direction

  • 텍스트가 써지는 방향을 설정함
  • 기본값은 왼쪽 -> 오른쪽 (left-to-right: ltr)
  • 오른쪽 -> 왼쪽 (right-to-left: rtl)

text-align

  • 수평으로 정렬할 때 사용
  • block요소에만 적용

text-justify

  • 텍스트의 간격
  • 기본값 auto

text-indent

  • 문단의 첫 줄을 들여쓰기 할 때 쓰임
  • 텍스트를 담고 있는 block container에 적용

text-overflow

  • 박스 안의 text내용이 넘칠 때 적용방법을 지정함

text-decoration

  • 텍스트에 밑줄을 긋거나 취소선을 만들 수 있음
  • <del></del> 취소선 생성
titledesc
none밑줄을 표시하지 않을 때
underline밑줄
overline영역 위로 선을 그림
line-through영역을 가로지는 (취소선) 을 그림

text-transform

  • 영문자를 표기할 때 텍스트의 대소문자 또는 전각 문자로 변환할 수 있음
titledesc
none변환하지 않을 때
capitalize시작하는 첫번째 글자를 대문자로 변환
uppercase모든 글자를 대문자로 변환
lowercase모든 글자를 소문자로 변환
full-width모든 문자를 전각문자로 변환

text-shadow

text-shadow: none | <가로거리> <세로거리> <번짐정도> <색상>;

titledesc
가로거리양수 값은 글자 오른쪽, 음수 값은 글자 왼쪽에 그림자를 만든다. 필수 속성
세로거리양수 값은 글자 아래쪽, 음수 값은 글자 위쪽에 그림자를 만든다. 필수 속성
번짐정도양수 값은 모든 방향으로 퍼져 나가게, 음수 값은 모든 방향으로 축소되어 보이게 한다. 기본값은 0
색상그림자 색상을 지정함. 기본값은 현재 글자색

letter-spacing

  • 텍스트 간격 조절
    letter-spacing: normal | 크기

line-height

  • 숫자나 백분율로 지정할 경우, 글자 크기를 기준으로 적용
    line-height: normal | 숫자 | 크기 | 백분율 | inherit;
profile
성장하는 개발자 유슬이 입니다!

0개의 댓글