對(duì)于處理邊框和行內(nèi)元素我們應(yīng)該很熟悉了，因?yàn)槠湟?guī)則很大程度上與外邊距和行內(nèi)元素的相應(yīng)規(guī)則相同，這在第7章做過(guò)介紹。不過(guò)，在此還是簡(jiǎn)要地介紹一下。
首先，不論網(wǎng)站建設(shè)人員為行內(nèi)元素的邊框指定怎樣的寬度，元素的行高都不會(huì)改變。下面為粗體文本設(shè)置上下邊框：
strong{border-top:10px solid gray;border-bottom:5px solid silver;}
重申一句，這個(gè)語(yǔ)法在規(guī)范中是允許的，不過(guò)它對(duì)行高絕對(duì)沒(méi)有任何影響。但是，由于邊框是可見(jiàn)的，所以將會(huì)繪制出來(lái)。
邊框該放在哪里就會(huì)放在哪里。
同樣地，所有這些只是對(duì)行內(nèi)元素的上下邊成立，左右邊則是另一回事。如果應(yīng)用一個(gè)左邊框或右邊框，不僅該邊框可見(jiàn)，而且文本會(huì)在其旁邊顯示（即不會(huì)覆蓋），如圖8-37所示：
strong {border-left: 25px double gray; background: silver;}
就像外邊距一樣。如果網(wǎng)頁(yè)設(shè)計(jì)人員設(shè)置了邊框，瀏覽器計(jì)算換行時(shí)并不受行內(nèi)元素所設(shè)置的任何框?qū)傩缘闹苯佑绊?。唯一的作用是邊框所占空間可能把行中的某些部分向后移一點(diǎn)點(diǎn)，而這有可能改變位于行尾的詞。
警告：網(wǎng)站建設(shè)CSS邊框的兼容性問(wèn)題很少。最麻煩的是，Navigator4.x不會(huì)在塊級(jí)元素內(nèi)邊距區(qū)周圍畫(huà)邊框，而會(huì)在內(nèi)邊距和邊框之間插入一些空間。對(duì)于Navigator 4.x，在行內(nèi)元素上設(shè)置邊框（或任何其他框?qū)傩裕┒伎赡軜O其危險(xiǎn)。邊框如此，外邊距也是如此，原因是一樣的（這在本章前面討論過(guò)）。