CSS font-weight ÊôÐÔ

ʵÀý

ÉèÖÃÈý¸ö¶ÎÂäµÄ×ÖÌåµÄ´Öϸ£º

p.normal {font-weight:normal;}
p.thick {font-weight:bold;}
p.thicker {font-weight:900;}

Ç××ÔÊÔÒ»ÊÔ

ä¯ÀÀÆ÷Ö§³Ö

IE Firefox Chrome Safari Opera

ËùÓÐÖ÷Á÷ä¯ÀÀÆ÷¶¼Ö§³Ö font-weight ÊôÐÔ¡£

×¢ÊÍ£ºÈκεİ汾µÄ Internet Explorer £¨°üÀ¨ IE8£©¶¼²»Ö§³ÖÊôÐÔÖµ "inherit"¡£

¶¨ÒåºÍÓ÷¨

font-weight ÊôÐÔÉèÖÃÎı¾µÄ´Öϸ¡£

˵Ã÷

¸ÃÊôÐÔÓÃÓÚÉèÖÃÏÔÊ¾ÔªËØµÄÎı¾ÖÐËùÓõÄ×ÖÌå¼Ó´Ö¡£Êý×ÖÖµ 400 Ï൱ÓÚ ¹Ø¼ü×Ö normal£¬700 µÈ¼ÛÓÚ bold¡£Ã¿¸öÊý×ÖÖµ¶ÔÓ¦µÄ×ÖÌå¼Ó´Ö±ØÐëÖÁÉÙÓëÏÂÒ»¸ö×îСÊý×ÖÒ»Ñùϸ£¬¶øÇÒÖÁÉÙÓëÏÂÒ»¸ö×î´óÊý×ÖÒ»Ñù´Ö¡£

ĬÈÏÖµ£º normal
¼Ì³ÐÐÔ£º yes
°æ±¾£º CSS1
JavaScript Óï·¨£º object.style.fontWeight="900"

¿ÉÄܵÄÖµ

Öµ ÃèÊö
normal ĬÈÏÖµ¡£¶¨Òå±ê×¼µÄ×Ö·û¡£
bold ¶¨Òå´ÖÌå×Ö·û¡£
bolder ¶¨Òå¸ü´ÖµÄ×Ö·û¡£
lighter ¶¨Òå¸üϸµÄ×Ö·û¡£
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900
¶¨ÒåÓÉ´Öµ½Ï¸µÄ×Ö·û¡£400 µÈͬÓÚ normal£¬¶ø 700 µÈͬÓÚ bold¡£
inherit ¹æ¶¨Ó¦¸Ã´Ó¸¸ÔªËؼ̳Ð×ÖÌåµÄ´Öϸ¡£

TIY ʵÀý

ÉèÖÃ×ÖÌåµÄ´Öϸ
±¾ÀýÑÝʾÈçºÎÉèÖÃ×ÖÌåµÄ´Öϸ¡£

Ïà¹ØÒ³Ãæ

CSS ½Ì³Ì£ºCSS ×ÖÌå

CSS ²Î¿¼Êֲ᣺CSS font ÊôÐÔ

HTML DOM ²Î¿¼Êֲ᣺fontWeight ÊôÐÔ

VUE