CSS邊框縮略屬性
作者：佚名 時間：2014-03-18 分享到：
由于建網(wǎng)站時指定一個封閉式的邊框可能是很繁瑣的事，因此CSS標(biāo)準(zhǔn)提供5種網(wǎng)站邊框縮略屬性，它們可以接受一個或所有邊框的寬度，顏色和樣式值中的一個或所有值。border-top、border-bottom、border-left和border-right屬性只影響對應(yīng)的邊框 側(cè)面；而border屬性同時邊框的四個側(cè)面。例如：
border-top: thick solid blue
border-left: lex inset
border-bottom:bule dashed
border: red double 2px
第一個屬性設(shè)置上邊框為一條粗實的藍(lán)線。第二個屬笥設(shè)置左邊框為嵌入效果，其深度為元素字體的x-height,顏色與元素顏色一樣。第三個屬性設(shè)置下邊為藍(lán)色短橫線，用默認(rèn)的中等寬度。最后，第四個屬性使得邊框的四側(cè)為紅色雙直線，寬度是2個像素。
最后一個屬性引出了兩個問題。首先，不能為border屬性提供多個值來有選擇地影響特定邊框，而使用單獨的border-color,border-width和border-style屬性可以實現(xiàn)。border屬性總是影響圍繞元素的所有四個邊框。
第二，創(chuàng)建一個只有2個像素寬的雙線邊框是不可能的。在那處情況下，瀏覽器可以自由調(diào)整寬度來合理地安排邊框。
我們通常想到塊元素，如圖像、表格和文本流周圍的邊框，同樣邊框也可以應(yīng)用到內(nèi)聯(lián)標(biāo)簽上。這就允許在文本流內(nèi)的一個詞或短語周圍放置一個框。橫跨多行的內(nèi)聯(lián)標(biāo)簽的邊框顯示沒有定義，其效果取決于瀏覽器。現(xiàn)在的瀏覽器都支持單側(cè)屬性。
