[CSS] 폰트 관련 속성 정리

사이즈 관련 옵션

px, pt, %, xx-small ~ xx-large까지 다양한 단위를 사용할 수 있다.

크기 조절

font-size 속성을 사용하여 폰트의 사이즈를 조절

#font{
    font-size: 150%;
}

굵기 조정

font-weight 속성을 통해 폰트 굵기를 지정할 수 있으며, bolder/lighter 및 굵기 직접 지정도 가능

#font{
    font-weight: bold;
    /*bolder, lighter, 600 등 가능*/
}

자간 조절

letter-spacing 속성을 사용하여 글자 사이의 간격을 조절

#font{
    letter-spacing: 10px;
}

행간 조절

line-height 속성을 사용하여 텍스트의 줄 높이를 조절

#font{
    line-height: 60%;
}

색상 관련 옵션

색상값의 단위는 다음과 같다

• 색상 이름

  black, white등과 같은 색상 이름

• rgb(a)

  rgb(255,0,0)
  rgb(100%,0%,0%)
  rgb(255,0,0,0.3) - 투명도(0.0~1.0) 설정 가능

글자색 지정

#font{
    color: blue;
}

배경색 지정

#font{
    background-color: rgb(255,0,0);
}