CSS FONT Property

1
CSS FONT Property
2
1.Font

• Description là m?t thu?c tính có trong t?t c?
  các thi?t l?p c?a thu?c tính du?c khai báo

3
1.Font Property

• Value
• font-stylefont-variantfont-weightfont-size/lin
  e-heightfont-familycaptioniconmenumessage-box
  small-captionstatus-bar

4
1.Font Property (ti?p)

• Browser support
• IE 4
• FF 1
• Netscape 4
• W3C 1

5
1.Font Property (ti?p)

• Ví d?
• lthtmlgt
• ltbodygt
• ltpgtThis is a normal paragraphlt/pgt
• ltp style"font caption"gtThis is a paragraph with
  a "caption" fontlt/pgt
• lt/bodygt
• lt/htmlgt

6
1.Font(ti?p)

• Ví d?(ti?p)
• pfont 12px arial pfont italic
  small-caps bold 12px arial

7
2.Font-family Property

• Ý nghia
• thu?c tính font-family là thu?c tính du?c uu tiên
  trong danh sách các thu?c tính.Trình duy?t s? su
  d?ng giá tr? d?u tiên mà nó nh?n ra.

8
2.Font-family Property

• Value Có 2 lo?i giá tr?
• Family-name
• Generic-family

9
2.Font-family Property

• Ví d?
• bodyfont-family courier, serif
  pfont-family arial, "lucida console",
  sans-serif
• ltp style"font-family arial, 'lucida
  console', sans-serif"gt

10
2.Font-Family Property

• Browser support
• IE 3
• FF 1
• Netscape 4
• W3C 1

11
3. Font-size

• Ý nghia thi?t l?p kích thu?c c?a font
• Value
• xx-small
• x-small
• Small
• Medium
• Large
• x-large
• xx-large

12
Font-size

• Value(ti?p)
• Smaller
• Langer
• Length

13
3.Font-size Property

• Browser support
• IE 3
• FF1
• Netscape 4
• W3C 1

14
3.Font-size Property

• Ví d?
• bodyfont-size x-largepfont-size 10px

15
4.Font-size-adjust Property

• Ý nghia thu?c tính font-size-adjust ch? rõ giá
  tr? c?a y?u t? s? du?c gi? x-hight là l?a ch?n
  d?u tiên
• Value
• None
• number

16
4.Font-size-adjust Property

• Browser support
• IE 3
• FF 1
• Netscape 4
• W3C 2

17
4.Font-size-adjust Property

• Ví d?
• ltstyle type"text/css"gt
• h1 font-size-adjust 0.50
• h2 font-size-adjust 0.40
• p font-size-adjust 0.60
• lt/stylegt

18
5.Font-stretch Property

• Ý nghia thu g?n ho?c kéo dãn dòng c?a
  font-family
• Value
• normalwidernarrowerultra-condensedextra-conden
  sed

19
5.Font-stretch Property

• Value(ti?p)
• Condensed
• semi-condensed
• semi-expanded
• Expanded
• extra-expanded
• ultra-expanded

20
5.Font-stretch Property

• Browser support
• IE 3
• FF 1
• Netscape 4
• W3C 1

21
5.Font-stretch Property

• Ví d?
• h2font-stretch ultra-condensed

22
6.Font-style Property

• Ý nghia thi?t l?p ki?u font
• Value
• Normal
• Italic
• oblique

23
Font-style

• Browser support
• IE 4
• FF 1
• Netscape 4
• W3C 1

24
6.Font-style Property

• Ví d?
• bodyfont-style italic

25
7.Font-variant Property

• Ý nghiahi?n th? van b?n du?i d?ng kí t? hoa
• Value
• Normal
• Small-caps

26
7.Font-variant Property

• Browser support
• IE 4
• FF1
• Netscape6
• W3C1

27
7.Font-variant Property

• Ví d?
• pfont-variant small-caps

28
Font-weight

• Ý nghiathi?t l?p d? d?m nh?t c?a font ch?
• Value
• normalboldbolderlighter

29
8.Font-weight Property

• Value(ti?p)
• 100200300400500600700800900

30
8.Font-weight Property

• Ví d?
• p.normal font-weight normal
• p.thick font-weight bold
• p.thicker font-weight 900