text (align, transform, decoration)

text-align

요소의 위치를 설정합니다.

• text-align : left; - 텍스트의 정렬을 왼쪽으로 설정합니다.
• text-align : right; - 텍스트의 정렬을 오른쪽으로 설정합니다.
• text-align : center; - 텍스트의 정렬을 중앙으로 설정합니다.
• text-align : justify; - 텍스트의 정렬을 양쪽으로 설정합니다.(자동 줄바꿈시 오른쪽 경계선 부분 정리)

text-transform

대문자로 또는 소문자로 바꾸는 속성입니다.

• text-transform: none; - 입력된 그대로 출력합니다.
• text-transform: capitalize; - 단어의 첫번째 글자를 대문자로 바꿉니다.
• text-transform: uppercase ; - 모든 글자를 대문자로 바꿉니다.
• text-transform: lowercase; - 모든 글자를 소문자로 바꿉니다.

text-decoration

글자 라인 속성을 설정합니다.

• none : 글자에 줄 속성을 주지 않습니다.
• underline : 글자에 밑줄을 설정합니다.
• overline : 글자에 윗줄을 설정합니다.
• line-through : 글자에 가운데 줄을 설정합니다.
• initial : 기본값으로 설정합니다.
• inherit : 부모 요소의 속성값을 상속받습니다.

image 출처 : https://cdn.dribbble.com/users/103909/screenshots/2504058/mint-scene-1-small.jpg