CSS TEXT attribute [spacing,height,align,indent,decoration, transform]

CSS TEXT attribute [spacing,height,align,indent,decoration, transform]

• 텍스트 관련 속성

속성	설명	속성값
letter-spacing	글자 사이 간격	normal, 수치
word-spacing	단어 사이 간격	normal, 수치
line-height	줄 간격	normal, 수치, %
text-align	수평 정렬	left, right, center, justify
vertical-align	수직 정렬	수치, %, baseline, super, sub, top, middle, bottom
text-indent	단락 첫 줄 들여쓰기	수치, %
text-decoration	텍스트 장식	none, overline, underline, line-through, blink
text-transform	대소문자 변환	none, capitalize, uppercase, lowercase

normal
	Hello text attribute
.text1{letter-spacing:5px;}
	Hello text attribute
.text2{word-spacing:30px;}
	Hello text attribute
.text3{letter-spacing:5px; word-spacing:30px;}
	Hello text attribute
normal
	Hello text attribute Hello text attribute Hello text attribute
.text4{line-height:200%;}
	Hello text attribute Hello text attribute Hello text attribute
.text5{text-align:center;}
	Hello text attribute
.text6{text-align:justify;}
	Hello text attribute
.text7{text-align:left;}
	Hello text attribute
	Hello text attribute
.text8{vertical-align:baseline;}
	Hello text attribute
.text9{vertical-align:super;}
	Hello text attribute
.text10{vertical-align:sub;}
	Hello text attribute
.text11{vertical-align:top;}
	Hello text attribute
.text12{vertical-align:middle;}
	Hello text attribute
.text13{vertical-align:bottom;}
	Hello text attribute
.text14{text-indent:50px;}
	Hello text attribute
.text15{text-indent:25%;}
	Hello text attribute
.text16{text-decoration:overline;}
	Hello text attribute
.text17{text-decoration:line-through;}
	Hello text attribute
.text18{text-decoration:underline;}
	Hello text attribute
.text19{text-decoration:blink;}
	Hello text attribute
.text21{text-transform:capitalize;}
	Hello text attribute
.text21{text-transform:uppercase;}
	Hello text attribute
.text21{text-transform:lowercase;}
	Hello text attribute

JS Bin