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;