font-weight Property


Home > Document > CSS > Font > font-weight

font-weight Property

font-weight Property는 글꼴의 굵기를 다루는 Property입니다. 수치값은 100 ~ 900이고 lighter:100, normal:400, bold:700, bolder:900 입니다. 하지만 normal과 bold 이외에는 거의 표시나지 않고 글꼴을 크게했을 때 약간의 표시가 납니다. 아래의 표 참조.

  [표 보는 방법]
font-weight Property
Value normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | Inherit
Initial normal
Applies to all elements
Inherited yes
Percentages N/A
Media Visual
HTML Syntax { font-weight: sWeight }
Scripting object.style.fontWeight [ = sWeight ]





아래의 표를 보면 알수 있듯이 normal과 bold 이외에는 표시가 나지 않고 600에서 약간의 차이를 보이는데 font-size가 크면 클수록 차이를 보이는 듯 하지만 무의미 할 듯...

각 해당값에 대한 비교표 (font-size:48px)
font-weight - 100
font-weight - 200
font-weight - 300
font-weight - 400
font-weight - 500
font-weight - 600
font-weight - 700
font-weight - 800
font-weight - 900
font-weight - lighter
font-weight - normal
font-weight - bold
font-weight - bolder


CSS Scripting
onMouseOver="this.style.fontWeight='bold';"





이 문서의 저작권은 www.cadvance.org 에 있습니다.

Top
Back
New
검색