CSS – 글자관련 속성

Font

  • 글자와 관련된 스타일을 지정할 수 있는 속성
font-style:italic; (폰트 기울기, normal:일반, italic:이탤릭체, oblique:기울기)
font-variant:small-caps; (폰트 변형, normal:일반, small-caps:작은대문자)
font-weight:bold; (폰트 굵기, normal:일반, bold:굵게)
font-size:12px; (폰트 크기)
line-height:14px; (줄 간격)
font-family:gulim; (폰트 서체)
font:italic bold 12px/14px gulim; (축약형)
  • 아래와 같은 순서로 풀어서 쓰는 것을 권장
    font-style > font-variant > font-weight > font-size > line-height > font-family

Color

  • 글자의 색상을 변경하는 속성
color:red;
color:rgb(255,0,0);
color:#FF0000;
color:#F00;

Text-indent

  • 글자를 들여쓰거나 내어쓸때 사용
text-indent:10px;
text-indent:-10px;

Text-decoration

  • 글자의 윗줄, 중간줄, 밑줄 등을 적용시에 사용
text-decoration:none;
text-decoration:underline; (밑줄)
text-decoration:line-through; (글자중간줄)
text-decoration:overline; (윗줄)

Text-align

  • 글자의 정렬 기준을 지정
text-align:left;
text-align:right;
text-align:center;
text-align:justify; (양쪽 정렬)

출처 : 다룸 [ http://darum.daum.net]