摘要:如果邊框樣式是,邊框?qū)挾葘?shí)際上會(huì)重置為。不允許指定負(fù)長(zhǎng)度值。值描述定義無(wú)邊框。不過應(yīng)用于表時(shí)除外,對(duì)于表,用于解決邊框沖突。如果沒有為邊框聲明顏色,它將與元素的文本顏色相同。這個(gè)值用于創(chuàng)建有寬度的不可見邊框。擴(kuò)展屬性邊框圖像
定義和用法
圍繞元素內(nèi)容和內(nèi)邊距的一條或多條線。
基本屬性:寬度、樣式、顏色 寬度 border-widthborder-width 簡(jiǎn)寫屬性為元素的所有邊框設(shè)置寬度,或者多帶帶地為各邊邊框設(shè)置寬度。
值可以是指定的長(zhǎng)度,比如 1px ,也可以是三個(gè)關(guān)鍵字之一:thin、medium、thick,分別是細(xì)、中等(默認(rèn))和粗。
只有當(dāng)邊框樣式不是 none 時(shí)才起作用。如果邊框樣式是 none,邊框?qū)挾葘?shí)際上會(huì)重置為 0。不允許指定負(fù)長(zhǎng)度值。
邊框的設(shè)置順序?yàn)閠op-right-bottom-left,知道順序便可簡(jiǎn)寫。
樣式 border-styleborder-style 屬性用于設(shè)置元素邊框的樣式。
值 | 描述 |
---|---|
none | 定義無(wú)邊框。 |
hidden | 與 "none" 相同。不過應(yīng)用于表時(shí)除外,對(duì)于表,hidden 用于解決邊框沖突。 |
dotted | 定義點(diǎn)狀邊框。在大多數(shù)瀏覽器中呈現(xiàn)為實(shí)線。 |
dashed | 定義虛線。在大多數(shù)瀏覽器中呈現(xiàn)為實(shí)線。 |
solid | 定義實(shí)線。 |
double | 定義雙線。雙線的寬度等于 border-width 的值。 |
groove | 定義 3D 凹槽邊框。其效果取決于 border-color 的值。 |
ridge | 定義 3D 壟狀邊框。其效果取決于 border-color 的值。 |
inset | 定義 3D inset 邊框。其效果取決于 border-color 的值。 |
outset | 定義 3D outset 邊框。其效果取決于 border-color 的值。 |
默認(rèn)值是none,因此如果希望邊框出現(xiàn),就必須聲明一個(gè)樣式。
可以為一個(gè)邊框定義多個(gè)樣式 。
只有當(dāng)這個(gè)值不是 none 時(shí)邊框才可能出現(xiàn)。
顏色 border-colorborder-color 屬性用于設(shè)置元素邊框的顏色。
默認(rèn)的邊框顏色是元素本身的前景色。如果沒有為邊框聲明顏色,它將與元素的文本顏色相同。另一方面,如果元素沒有任何文本,假設(shè)它是一個(gè)表格,其中只包含圖像,那么該表的邊框顏色就是其父元素的文本顏色(因?yàn)?color 可以繼承)。這個(gè)父元素很可能是 body、div 或另一個(gè) table。
邊框可以設(shè)置為透明,值為transparent。這個(gè)值用于創(chuàng)建有寬度的不可見邊框 。
邊框與背景邊框在元素的背景之上。
邊框圓角元素四周的圓角效果是經(jīng)常需要的功能,border-radius屬性可以設(shè)置圓角。
ie9之前的版本不兼容圓角屬性。
值是指定的長(zhǎng)度,比如4px。
擴(kuò)展屬性 邊框圖像border-image文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/113635.html
摘要:表格的一個(gè)單元格,一行中包含幾對(duì),一行中就有幾列。。表格的頭部的一個(gè)單元格,表格表頭。表格標(biāo)題屬性表格邊框的寬度。表格單元邊界與單元內(nèi)容之間的間距內(nèi)邊距。單元格之間的間距。可填寫或任意數(shù)字,分別代表奇數(shù)行列偶數(shù)行列或指定行列 showImg(https://segmentfault.com/img/bVbeipJ?w=649&h=665); 此例子已經(jīng)包含本文大部分內(nèi)容,請(qǐng)對(duì)照參考。查...
摘要:表格的一個(gè)單元格,一行中包含幾對(duì),一行中就有幾列。。表格的頭部的一個(gè)單元格,表格表頭。表格標(biāo)題屬性表格邊框的寬度。表格單元邊界與單元內(nèi)容之間的間距內(nèi)邊距。單元格之間的間距。可填寫或任意數(shù)字,分別代表奇數(shù)行列偶數(shù)行列或指定行列 showImg(https://segmentfault.com/img/bVbeipJ?w=649&h=665); 此例子已經(jīng)包含本文大部分內(nèi)容,請(qǐng)對(duì)照參考。查...
摘要:不建議使用英文代碼,不同瀏覽器對(duì)不同顏色代碼處理的效果有可能不同。背景圖像指定顯示的背景圖片,用設(shè)置路徑。固定,當(dāng)頁(yè)面的其余部分滾動(dòng)時(shí),背景圖像不會(huì)移動(dòng)。 定義和用法 基本屬性:color, image, position, repeat 背景顏色 background-color 值為顏色值或transparent二者選其一,默認(rèn)值是transparent(透明)。 顏色值可以為...
摘要:盒模型的組成大家肯定都懂,由里向外盒模型是有兩種標(biāo)準(zhǔn)的,一個(gè)是標(biāo)準(zhǔn)模型,一個(gè)是模型。指定元素的寬度和高度最小最大屬性適用于的寬度和高度。盒模型的組成大家肯定都懂,由里向外content,padding,border,margin. 盒模型是有兩種標(biāo)準(zhǔn)的,一個(gè)是標(biāo)準(zhǔn)模型,一個(gè)是IE模型。 ?從上面兩圖不難看出在標(biāo)準(zhǔn)模型中,盒模型的寬高只是內(nèi)容(content)的寬高, 而在IE模型中盒模型...
摘要:本篇文章分享了一些處理多屏幕自適應(yīng)的經(jīng)驗(yàn),希望有益于各位。該寬度自適應(yīng)在新的時(shí)代有了新的方法,隨著彈性布局的普及,它經(jīng)常被的伸縮性布局方式替代,變得越來越彈性十足。 轉(zhuǎn)自:http://www.cnblogs.com/consta... 前言 隨著移動(dòng)設(shè)備的普及,移動(dòng)web在前端工程師們的工作中占有越來越重要的位置。移動(dòng)設(shè)備更新速度頻繁,手機(jī)廠商繁多,導(dǎo)致的問題是每一臺(tái)機(jī)器的屏幕寬度和...
閱讀 661·2019-08-30 15:44
閱讀 1383·2019-08-30 11:02
閱讀 2987·2019-08-29 18:42
閱讀 3514·2019-08-29 16:16
閱讀 1723·2019-08-26 13:55
閱讀 1773·2019-08-26 13:45
閱讀 2388·2019-08-26 11:43
閱讀 3254·2019-08-26 10:32