본문 바로가기

강의실/css

font-weight

Font-weight
글자의 두께를 결정할 수 있습니다. 다음은 사용 할 수 있는 속성값들입니다.

font-weight: normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;

이런 속성값들이 어떻게 보이는지 확인하는게 제일 이해가 쉬울듯합니다.

<H1 STYLE="font-weight:normal">font-weight:normal</H1>

font-weight:normal


<H1 STYLE="font-weight:bold">font-weight:bold</H1>

font-weight:bold


<H1 STYLE="font-weight:bolder">font-weight:bolder</H1>

font-weight:bolder


<H1 STYLE="font-weight:lighter">font-weight:lighter</H1>

font-weight:lighter


<H1 STYLE="font-weight:100">font-weight:100</H1>

font-weight:100


<H1 STYLE="font-weight:200">font-weight:200</H1>

font-weight:200


<H1 STYLE="font-weight:300">font-weight:300</H1>

font-weight:300


<H1 STYLE="font-weight:400">font-weight:400</H1>

font-weight:400


<H1 STYLE="font-weight:500">font-weight:500</H1>

font-weight:500


<H1 STYLE="font-weight:600">font-weight:600</H1>

font-weight:600


<H1 STYLE="font-weight:700">font-weight:700</H1>

font-weight:700


<H1 STYLE="font-weight:800">font-weight:800</H1>

font-weight:800


<H1 STYLE="font-weight:900">font-weight:900</H1>

font-weight:900



참고적으로 400 의 크기가 "normal" 값에 해당하며, 700 의크기가 "bold" 에 해당 합니다. Internet Explorer4.0 은 "normal | bold" 만 지원한다는군요..

다음은 적용가능한 태그들입니다.

A, ADDRESS, APPLET, B, BIG, BLOCKQUOTE, BODY, CAPTION, CENTER, CITE, CODE, COL, COLGROUP, DD, DFN, DIR, DIV, DL, DT, EM, FIELDSET, FORM, H1, H2, H3, div, H5, H6, HTML, I, INPUT, KBD, LABEL, LEGEND, LI, LISTING, MARQUEE, MENU, OL, P, PLAINTEXT, PRE, S, SAMP, SMALL, SPAN, STRIKE, STRONG, SUB, SUP, TABLE, TBODY, TD, TEXTAREA, TFOOT, TH, THEAD, TR, TT, U, UL, VAR, XMP, INPUT type=button, INPUT type= file, INPUT type= reset, INPUT type=submit, INPUT type= text

'강의실 > css' 카테고리의 다른 글

선택자 사용하기-class  (0) 2007.07.25
선택자 사용하기-집합  (0) 2007.07.25
font-variant  (0) 2007.07.25
font-style  (0) 2007.07.25
font-size  (0) 2007.07.25