Untitled Document

속성값

1. 글꼴관련속성(1)

아래 속성 그룹은 글꼴과 텍스트 여백 등 글꼴이 표시되는 방법에 영향을 미치는 속성들이다.

1) font-family

font-family속성에는 하나의 특정 글꼴 또는 쉼표로 구분된 글꼴 목록을 지정할 수 있다.
공백이 있는 글꼴명은 반드시 따옴표로 둘러싸야 한다.
속성값:family name, generic family name

h1{font-family:굴림, Arial, "Time New Roman"}

2) font-style

글자의 스타일을 지정해준다.
속성값:normal |italic|oblique

normal: 일반글꼴
italic: 이탤릭
oblique: 기울임

h1{font-style:italic}

3) font-variant

font를 작은 대문자로 지정할 수 있게 한다.
속성값: normal | small-caps

h1{font-variant:small-caps}

4) font-weight
font-weight는 글꼴의 굵기를 지정하는 속성이다. 글꼴의 굵기는 기술적인 용어(normal, bold, bolder, lighter)로 지정하거나 아래의 아홉가지 값 중 하나로 설정할 수 있다.
브라우저마다 달라 일관성이 없다.
bold정도가 쓰인다.
속성값:normal|bold|bolder|lighter|100|200|300|400|500|600|700|800|900

h1{font-weight:bold}

5) font-size

글자의 크기를 지정해주는 것이다.
속성값: absolute size(절대크기)
|relative size(상대크기)length(길이 크기)percentage(퍼센트 크기)

  • 절대 크기: xx-small|x-small|small|medium|large|x-large|xx-large
    예)H1{ font-size:x-large }
  • 상대크기: larger|smaller
    예)H1{font-size:larger}
  • 길이크기:숫자 +em |ex|px|pc|mm|cm|in
    예)H1{font-size:24pt}
  • 퍼센트 크기:n%
    예)H1{font-size:125%}
6) font

font속성은 하나의 규칙으로 글꼴과 관련된 모든 속성을 지정할 수 있는 속성이다. 속성값은 공백 문자로 구분한다.
속성값: font-stylefont-variantfont-weightfont-sizeline-heightfont-family

h1{font:oblique bolder 18pt Helvetica,sans-serif}

속성의 경우 지정하려는 값이 표시되는 순서가 반드시 다음과 같은순서로 표시되어야 한다. (모든 값을 다 사용할 필요는 없다)
{ font: weight style variant size/line-height font-name(s) }

7) color

텍스트의 색상을 지정하기 위해 사용
속성값: 색상이름RGB색상값

H1{color:#0000ff}

<이전   목록   다음>

Copyright ⓒ2001∼2003, alza.wo.to All Rights Reserved.