font-size
p {font-size: 12px;}font-style
대부분 이태릭체를 적용하기 위해 사용
p {font-style: italic;}font-weight
font의 굵기. 일반적으로 100~900사용
p {font-weight: 300;}font-family
글꼴 스타일 적용.
,를 통해 여러개의 폰트 명시 가능. 사용자의 os환경에 따라 순서대로 적용
p {font-family: value;}line-height
텍스트의 줄 간격 설정(동일한 높이로 설정하기 위해 사용)
p {font-height: 1.3;}letter-spacing
글자 간격 설정
p {letter-spacing: 1px;}word-spacing
단어 간격 설정
p {word-spacing: 1px;}text-align
텍스트 정렬 설정. block요소만 가능
/* 가운데 */
p {text-align: cneter;}
/* 왼쪽 */
p {text-align: left;}
/* 오른쪽 */
p {text-align: right;}text-indent
들여쓰기. block요소만 가능
p {text-indent: 10px;}text-decoration
대부분 단축속성으로 적용
/* line은 여러개 적용 가능 */
text-decoration: line, color, style, thickness;
p {text-decoration: underline overline red dotted;}word-break
단어를 기준으로 줄바꿈 설정
/* 가로값에 맞춰 줄 바꿈, 영어에만 적용 */
p[lang="en"] {word-break: break-all;}
/* 가로값을 무시하고 줄 바꿈 안함(글자 넘침), 한,중,일어에만 적용 */
p[lang="ko"] {word-break: keep-all;}text-transform
대부분 영어에만 적용(대부분 대문자 변경에 사용). 한국어 적용 안됨.
p {text-transform: uppercase;}