border-styleª©¥»¡GCSS1¡@ ­Ý®e©Ê¡GIE4+ NS4+¡@Ä~©Ó©Ê¡GµL
»yªk¡G
border-style : none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset
¨ú­È¡G
none :’ÂÀq»{­È¡CµLÃä®Ø¡C¤£¨ü¥ô¦ó«ü©wªº border-width ­È¼vÅT
hidden :’ÂÁôÂÃÃä®Ø¡CIE¤£¤ä«ù
dotted :’¦bMAC¥­¥x¤WIE4+»PWINDOWS©MUNIX¥­¥x¤WIE5.5+¬°ÂI½u¡C§_«h¬°¹ê½u
dashed :’¦bMAC¥­¥x¤WIE4+»PWINDOWS©MUNIX¥­¥x¤WIE5.5+¬°µê½u¡C§_«h¬°¹ê½u
solid :’¹ê½uÃä®Ø
double :’ÂÂù½uÃä®Ø¡C¨â±ø³æ½u»P¨ä¶¡¹jªº©Mµ¥©ó«ü©wªº border-width ­È
groove :’Â®Ú¾Ú border-color ªº­Èµe3D¥W¼Ñ
ridge :’Â®Ú¾Ú border-color ªº­Èµe3D¥Y¼Ñ
inset :’Â®Ú¾Ú border-color ªº­Èµe3D¥WÃä
outset :’Â®Ú¾Ú border-color ªº­Èµe3D¥YÃä
»¡©ú¡G
³]¸m¹ï¹³Ãä®Øªº¼Ë¦¡¡C
¦pªG´£¨Ñ¥þ³¡¥|­Ó°Ñ¼Æ­È¡A±N«ö¤W¡Ð¥k¡Ð¤U¡Ð¥ªªº¶¶§Ç§@¥Î©ó¥|­ÓÃä®Ø¡C¦pªG¥u´£¨Ñ¤@­Ó¡A±N¥Î©ó¥þ³¡ªº¥|±øÃä¡C¦pªG´£¨Ñ¨â­Ó¡A²Ä¤@­Ó¥Î©ó¤W¡Ð¤U¡A²Ä¤G­Ó¥Î©ó¥ª¡Ð¥k¡C¦pªG´£¨Ñ¤T­Ó¡A²Ä¤@­Ó¥Î©ó¤W¡A²Ä¤G­Ó¥Î©ó¥ª¡Ð¥k¡A²Ä¤T­Ó¥Î©ó¤U¡C
¦¹Äݩʹï©ó currentStyle ¹ï¹³¦Ó¨¥¬O¥uŪªº¡C¹ï©ó¨ä¥L¹ï¹³¦Ó¨¥¬O¥iŪ¼gªº¡C
¦b IE5.5+ ¤¤¡AÃä®ØÄÝ©Ê¥i¥Hª½±µÀ³¥Î©ó¤ºÁp­n¯À¡C¦Ó¦b¦¹«eªºª©¥»¤¤¡A¤ºÁp­n¯À­n¨Ï¥Î¸ÓÄÝ©Ê¡A¥²¶·¥ý³]©w¹ï¶Hªº height ©Î width ÄÝ©Ê¡A©ÎªÌ³]©w position Äݩʬ° absolute ¡A©ÎªÌ³]©w display Äݩʬ° block ¡C
¹ïÀ³ªº¸}¥»¯S©Ê¬° borderStyle ¡C
¥Ü¨Ò¡G
body { border-style: double groove; }
body { border-style: double groove dashed; }