CSS outline-color ÊôÐÔ

ʵÀý

ÉèÖõã×´ÂÖÀªµÄÑÕÉ«£º

p
  {
  outline-style:dotted;
  outline-color:#00ff00;
  }

Ç××ÔÊÔÒ»ÊÔ

ä¯ÀÀÆ÷Ö§³Ö

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

×¢ÊÍ£ºÈç¹û¹æ¶¨ÁË !DOCTYPE£¬Ôò IE8 Ö§³Ö outline ÊôÐÔ¡£

¶¨ÒåºÍÓ÷¨

outline £¨ÂÖÀª£©ÊÇ»æÖÆÓÚÔªËØÖÜΧµÄÒ»ÌõÏߣ¬Î»Óڱ߿ò±ßÔµµÄÍâΧ£¬¿ÉÆðµ½Í»³öÔªËØµÄ×÷Óá£outline ÊôÐÔ¿ÉÉèÖÃÔªËØÖÜΧµÄÂÖÀªÏß¡£

×¢ÊÍ£ºÇëʼÖÕÔÚ outline-color ÊôÐÔ֮ǰÉùÃ÷ outline-style ÊôÐÔ¡£ÔªËØÖ»ÓлñµÃÂÖÀªÒÔºó²ÅÄܸıäÆäÂÖÀªµÄÑÕÉ«¡£

×¢ÊÍ£ºÂÖÀªÏß²»»áÕ¼¾Ý¿Õ¼ä£¬Ò²²»Ò»¶¨ÊǾØÐΡ£

outline-color ÊôÐÔÉèÖÃÒ»¸öÔªËØÕû¸öÂÖÀªÖпɼû²¿·ÖµÄÑÕÉ«¡£Òª¼Çס£¬ÂÖÀªµÄÑùʽ²»ÄÜÊÇ none£¬·ñÔòÂÖÀª²»»á³öÏÖ¡£

ĬÈÏÖµ£º invert
¼Ì³ÐÐÔ£º no
°æ±¾£º CSS2
JavaScript Óï·¨£º object.style.outlineColor="#0000FF"

¿ÉÄܵÄÖµ

Öµ ÃèÊö
color_name ¹æ¶¨ÑÕɫֵΪÑÕÉ«Ãû³ÆµÄÂÖÀªÑÕÉ«£¨±ÈÈç red£©¡£
hex_number ¹æ¶¨ÑÕɫֵΪʮÁù½øÖÆÖµµÄÂÖÀªÑÕÉ«£¨±ÈÈç #ff0000£©¡£
rgb_number ¹æ¶¨ÑÕɫֵΪ rgb ´úÂëµÄÂÖÀªÑÕÉ«£¨±ÈÈç rgb(255,0,0)£©¡£
invert ĬÈÏ¡£Ö´ÐÐÑÕÉ«·´×ª£¨ÄæÏòµÄÑÕÉ«£©¡£¿ÉʹÂÖÀªÔÚ²»Í¬µÄ±³¾°ÑÕÉ«Öж¼Êǿɼû¡£
inherit ¹æ¶¨Ó¦¸Ã´Ó¸¸ÔªËؼ̳ÐÂÖÀªÑÕÉ«µÄÉèÖá£

TIY ʵÀý

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

Ïà¹ØÒ³Ãæ

CSS ½Ì³Ì£ºCSS ÂÖÀª

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

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

VUE