본문 바로가기

CSS3 강의/웹학교

CSS 6. Text (css로 text를 꾸미는 방법)





color:
- hexadecimal colors
- RGB colors
- RGBA colors
   color:rgba(255,0,0,0.3);
   background-color:rgba(255,0,0,0.3);   //0 ~ 1
- HSL colors
- HSLA colors
- Predefined/Cross-browser color names


TEXT Alignment:
- text-align:left;
- text-align:right;
- text-align:justify;


TEXT-DECORATION:
- text-decoration:none;
   a {text-decoration:none;}
text-decoration:over-line;
text-decoration:line-through;
text-decoration:underline;


TEXT-TRANSFORM:
- text-transform:uppercase; // THIS IS CASE 
- text-transform:lowercase; // this is case
- text-transform:capitalize;  // This Is Case


TEXT-INDENT:
- text-indent:50px; // 첫 문장 들여쓰기
   p {text-indent:20px;}


LETTER-SPACING:
- letter-spacing:10px; // 글자간격
- letter-spacing:-10px; 


LINE-HEIGHT:
- line-height:20px;
- line-height:25%;


WORD-SPACING:
-word-spacing:20px;


WHITE-SPACE:
-white-space:nowrap;
-white-space:pre;
-white-space:normal;


VERTICAL-ALIGN:
- vertical-align:10px;
- vertical-align:-10px;
- vertical-align:10%;
- vertical-align:sub;
- vertical-align:super;