font-weight(글꼴 두께) 프로퍼티

CODEDRAGON Development/Web, WWW

반응형

 

 

font-weight(글꼴 두께) 프로퍼티

·       같은 글꼴 가족에 있는 다른 글꼴에 비해 두껍거나 얇게 표시하는 역할을 합니다.

·       "100~900"까지의 지정된 숫자를 100단위로 설정 가능하며 숫자가 높을수록 더 진하게 표시됩니다.

·       font-weight: bolder, font-weight: lighter는 상대적인 값으로 bold보다 더 진하게라는 의미가 아니라, 상위 요소보다 더 진하게 또는 더 흐리게 표시하라는 의미입니다.

 

프로퍼티 값

설명

normal

·       기본값

·       글꼴의 두께는 400

bold

·       진하게 표시

·       글꼴의 두께는 700

·       <b>태그와 동일

bolder

·       상위 요소에서 상속된 두께보다 두껍게 지정

·       (600이상은 똑같이 적용됨)

lighter

·       상위 요소에서 상속된 두께보다 얇게 지정

·       (500이하는 똑같이 적용됨)

 

 

반응형