摘要:如果邊框樣式是,邊框寬度實際上會重置為。不允許指定負長度值。值描述定義無邊框。不過應用于表時除外,對于表,用于解決邊框沖突。如果沒有為邊框聲明顏色,它將與元素的文本顏色相同。這個值用于創建有寬度的不可見邊框。擴展屬性邊框圖像
定義和用法
圍繞元素內容和內邊距的一條或多條線。
基本屬性:寬度、樣式、顏色 寬度 border-widthborder-width 簡寫屬性為元素的所有邊框設置寬度,或者多帶帶地為各邊邊框設置寬度。
值可以是指定的長度,比如 1px ,也可以是三個關鍵字之一:thin、medium、thick,分別是細、中等(默認)和粗。
只有當邊框樣式不是 none 時才起作用。如果邊框樣式是 none,邊框寬度實際上會重置為 0。不允許指定負長度值。
邊框的設置順序為top-right-bottom-left,知道順序便可簡寫。
樣式 border-styleborder-style 屬性用于設置元素邊框的樣式。
值 | 描述 |
---|---|
none | 定義無邊框。 |
hidden | 與 "none" 相同。不過應用于表時除外,對于表,hidden 用于解決邊框沖突。 |
dotted | 定義點狀邊框。在大多數瀏覽器中呈現為實線。 |
dashed | 定義虛線。在大多數瀏覽器中呈現為實線。 |
solid | 定義實線。 |
double | 定義雙線。雙線的寬度等于 border-width 的值。 |
groove | 定義 3D 凹槽邊框。其效果取決于 border-color 的值。 |
ridge | 定義 3D 壟狀邊框。其效果取決于 border-color 的值。 |
inset | 定義 3D inset 邊框。其效果取決于 border-color 的值。 |
outset | 定義 3D outset 邊框。其效果取決于 border-color 的值。 |
默認值是none,因此如果希望邊框出現,就必須聲明一個樣式。
可以為一個邊框定義多個樣式 。
只有當這個值不是 none 時邊框才可能出現。
顏色 border-colorborder-color 屬性用于設置元素邊框的顏色。
默認的邊框顏色是元素本身的前景色。如果沒有為邊框聲明顏色,它將與元素的文本顏色相同。另一方面,如果元素沒有任何文本,假設它是一個表格,其中只包含圖像,那么該表的邊框顏色就是其父元素的文本顏色(因為 color 可以繼承)。這個父元素很可能是 body、div 或另一個 table。
邊框可以設置為透明,值為transparent。這個值用于創建有寬度的不可見邊框 。
邊框與背景邊框在元素的背景之上。
邊框圓角元素四周的圓角效果是經常需要的功能,border-radius屬性可以設置圓角。
ie9之前的版本不兼容圓角屬性。
值是指定的長度,比如4px。
擴展屬性 邊框圖像border-image文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/113635.html
摘要:表格的一個單元格,一行中包含幾對,一行中就有幾列。。表格的頭部的一個單元格,表格表頭。表格標題屬性表格邊框的寬度。表格單元邊界與單元內容之間的間距內邊距。單元格之間的間距。可填寫或任意數字,分別代表奇數行列偶數行列或指定行列 showImg(https://segmentfault.com/img/bVbeipJ?w=649&h=665); 此例子已經包含本文大部分內容,請對照參考。查...
摘要:表格的一個單元格,一行中包含幾對,一行中就有幾列。。表格的頭部的一個單元格,表格表頭。表格標題屬性表格邊框的寬度。表格單元邊界與單元內容之間的間距內邊距。單元格之間的間距。可填寫或任意數字,分別代表奇數行列偶數行列或指定行列 showImg(https://segmentfault.com/img/bVbeipJ?w=649&h=665); 此例子已經包含本文大部分內容,請對照參考。查...
摘要:不建議使用英文代碼,不同瀏覽器對不同顏色代碼處理的效果有可能不同。背景圖像指定顯示的背景圖片,用設置路徑。固定,當頁面的其余部分滾動時,背景圖像不會移動。 定義和用法 基本屬性:color, image, position, repeat 背景顏色 background-color 值為顏色值或transparent二者選其一,默認值是transparent(透明)。 顏色值可以為...
摘要:盒模型的組成大家肯定都懂,由里向外盒模型是有兩種標準的,一個是標準模型,一個是模型。指定元素的寬度和高度最小最大屬性適用于的寬度和高度。盒模型的組成大家肯定都懂,由里向外content,padding,border,margin. 盒模型是有兩種標準的,一個是標準模型,一個是IE模型。 ?從上面兩圖不難看出在標準模型中,盒模型的寬高只是內容(content)的寬高, 而在IE模型中盒模型...
閱讀 663·2019-08-30 15:44
閱讀 1385·2019-08-30 11:02
閱讀 2991·2019-08-29 18:42
閱讀 3515·2019-08-29 16:16
閱讀 1723·2019-08-26 13:55
閱讀 1774·2019-08-26 13:45
閱讀 2388·2019-08-26 11:43
閱讀 3255·2019-08-26 10:32