css border-collapse屬性
翻譯結果:
border
英[ˈbɔ:də(r)] 美[ˈbɔ:rdə(r)]
#n.邊界;邊;鑲邊;包;邊
vt.& vi.與…接界,在…的邊上
vt.沿…的邊,環繞…,給…鑲邊
##vi.近似,毗鄰collapse
英[kəˈlæps] 美[kəˈlæps] vi.vi.倒塌;折疊;(尤指工作勞累後)坐下vt.使倒塌;使坍塌;使瓦解n.垮台;(身體的)衰弱#
css border-collapse屬性語法
作用:border-collapse 屬性設定表格的邊框是否合併為單一的邊框,還是像在標準的 HTML 中那樣分開顯示。
說明:separate 預設值。邊框會被分開。不會忽略 border-spacing 和 empty-cells 屬性。 collapse 如果可能,邊框會合併為單一的邊框。會忽略 border-spacing 和 empty-cells 屬性。 inherit 規定應該從父元素繼承 border-collapse 屬性的值。
註解:所有主流瀏覽器都支援 border-collapse 屬性。任何的版本的 Internet Explorer (包括 IE8)都不支援屬性值 "inherit"。如果沒有規定 !DOCTYPE,則 border-collapse 可能會產生意想不到的結果。
css border-collapse屬性範例
<!DOCTYPE> <html> <head> <style type="text/css"> table { border-collapse:collapse; } table, td, th { border:1px solid black; } </style> </head> <body> <table> <tr> <th>Firstname</th> <th>Lastname</th> </tr> <tr> <td>Bill</td> <td>Gates</td> </tr> <tr> <td>Steven</td> <td>Jobs</td> </tr> </table> <p><b>注释:</b>如果没有规定 !DOCTYPE,border-collapse 属性可能会引起意想不到的错误。</p> </body> </html>
#點擊 "執行實例" 按鈕查看線上實例