text-align, text-decoration, text-indent

1. text-align

문자 정렬 방식을 지원

 

속성값

값	의미	기본값
left	왼쪽정렬
right	오른쪽 정렬
center	가운데 정렬
justify	양쪽 맞춤	완성된 두줄이상에서 동작한다.

 

 

2. text-decoration

문자의 장식(line)을 설정

 

속성값

값	의미	기본값
none	선 없음	none
underline	밑줄을 지정
overline	윗줄을 지정
line-through	중앙 선(가로지르는)을 지정

 

 

3. text-indent

(첫번째줄의) 들여쓰기를 지정

음수 값(Negative Values)을 사용할 수 있다.
음수 값을 사용하면 첫째 줄은 왼쪽으로 들여쓰기(내어쓰기) 된다.

 

 

들여쓰기 예)

.momo{
  text-indent: 20px;
}

들여쓰기가 된 모습

 

 

내어쓰기 예)

.momo{
  text-indent: -10px;
}

내어쓰기가 된 모습