CSS border-bottom-color ÊôÐÔ

ʵÀý

ÉèÖÃϱ߿òµÄÑÕÉ«£º

p
  {
  border-style:solid;
  border-bottom-color:#ff0000;
  }

Ç××ÔÊÔÒ»ÊÔ

ä¯ÀÀÆ÷Ö§³Ö

IE Firefox Chrome Safari Opera

ËùÓÐä¯ÀÀÆ÷¶¼Ö§³Ö border-bottom-color ÊôÐÔ¡£

×¢ÊÍ£ºInternet Explorer 6£¨ÒÔ¼°¸üÔçµÄ°æ±¾£©²»Ö§³ÖÊôÐÔÖµ "transparent"¡£

×¢ÊÍ£ºIE7 ÒÔ¼°¸üÔç°æ±¾µÄä¯ÀÀÆ÷²»Ö§³ÖÖµ "inherit"¡£IE8 ÐèÒª !DOCTYPE¡£IE9 Ö§³Ö "inherit"¡£

¶¨ÒåºÍÓ÷¨

border-bottom-color ÉèÖÃÔªËØµÄϱ߿òµÄÑÕÉ«¡£

Ö»Äܶ¨Òå´¿É«£¬¶øÇÒÖ»Óе±±ß¿òµÄÑùʽÊÇÒ»¸ö·Ç none »ò hidden µÄֵʱ±ß¿ò²Å¿ÉÄܳöÏÖ¡£

×¢ÊÍ£ºÇëʼÖÕ°Ñ border-style ÊôÐÔÉùÃ÷µ½ border-color ÊôÐÔ֮ǰ¡£ÔªËرØÐëÔÚÄú¸Ä±äÆäÑÕɫ֮ǰ»ñµÃ±ß¿ò¡£

ĬÈÏÖµ£º not specified
¼Ì³ÐÐÔ£º no
°æ±¾£º CSS1
JavaScript Óï·¨£º object.style.borderBottomColor="blue"

¿ÉÄܵÄÖµ

Öµ ÃèÊö
color_name ¹æ¶¨ÑÕɫֵΪÑÕÉ«Ãû³ÆµÄ±ß¿òÑÕÉ«£¨±ÈÈç red£©¡£
hex_number ¹æ¶¨ÑÕɫֵΪʮÁù½øÖÆÖµµÄ±ß¿òÑÕÉ«£¨±ÈÈç #ff0000£©¡£
rgb_number ¹æ¶¨ÑÕɫֵΪ rgb ´úÂëµÄ±ß¿òÑÕÉ«£¨±ÈÈç rgb(255,0,0)£©¡£
transparent ĬÈÏÖµ¡£±ß¿òÑÕɫΪ͸Ã÷¡£
inherit ¹æ¶¨Ó¦¸Ã´Ó¸¸ÔªËؼ̳б߿òÑÕÉ«¡£

TIY ʵÀý

ÉèÖÃϱ߿òµÄÑÕÉ«
±¾ÀýÑÝʾÈçºÎÉèÖÃϱ߿òµÄÑÕÉ«¡£

Ïà¹ØÒ³Ãæ

CSS ½Ì³Ì£ºCSS ±ß¿ò

CSS ²Î¿¼Êֲ᣺border-bottom ÊôÐÔ

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

VUE