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이하는 똑같이 적용됨) |
'Development > Web, WWW' 카테고리의 다른 글
font 프로퍼티 형식, font 프로퍼티 값 (0) | 2017.06.13 |
---|---|
font-stretch(글꼴 너비) 프로퍼티 (0) | 2017.06.13 |
font-variant (글꼴 변형) 프로퍼티 (0) | 2017.06.13 |
font-style(글꼴 스타일) 프로퍼티 (0) | 2017.06.13 |
font-size(글꼴 크기) 프로퍼티, 글자 크기를 조절하는 속성 값 종류 (0) | 2017.06.13 |