国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

【叢林】CSS 邊框淺談

seanlook / 3514人閱讀

摘要:如果邊框樣式是,邊框寬度實際上會重置為。不允許指定負長度值。值描述定義無邊框。不過應用于表時除外,對于表,用于解決邊框沖突。如果沒有為邊框聲明顏色,它將與元素的文本顏色相同。這個值用于創建有寬度的不可見邊框。擴展屬性邊框圖像

定義和用法

圍繞元素內容和內邊距的一條或多條線。

基本屬性:寬度、樣式、顏色 寬度 border-width

border-width 簡寫屬性為元素的所有邊框設置寬度,或者多帶帶地為各邊邊框設置寬度。

值可以是指定的長度,比如 1px ,也可以是三個關鍵字之一:thinmediumthick,分別是細、中等(默認)和粗。

只有當邊框樣式不是 none 時才起作用。如果邊框樣式是 none,邊框寬度實際上會重置為 0。不允許指定負長度值。

邊框的設置順序為top-right-bottom-left,知道順序便可簡寫。

樣式 border-style

border-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-color

border-color 屬性用于設置元素邊框的顏色。

默認的邊框顏色是元素本身的前景色。如果沒有為邊框聲明顏色,它將與元素的文本顏色相同。另一方面,如果元素沒有任何文本,假設它是一個表格,其中只包含圖像,那么該表的邊框顏色就是其父元素的文本顏色(因為 color 可以繼承)。這個父元素很可能是 body、div 或另一個 table。

邊框可以設置為透明,值為transparent。這個值用于創建有寬度的不可見邊框 。

邊框與背景

邊框在元素的背景之上。

邊框圓角

元素四周的圓角效果是經常需要的功能,border-radius屬性可以設置圓角。

ie9之前的版本不兼容圓角屬性。

值是指定的長度,比如4px。

擴展屬性 邊框圖像border-image

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/113635.html

相關文章

  • 叢林】HTML Table 表格淺談邊框、隔行變色

    摘要:表格的一個單元格,一行中包含幾對,一行中就有幾列。。表格的頭部的一個單元格,表格表頭。表格標題屬性表格邊框的寬度。表格單元邊界與單元內容之間的間距內邊距。單元格之間的間距。可填寫或任意數字,分別代表奇數行列偶數行列或指定行列 showImg(https://segmentfault.com/img/bVbeipJ?w=649&h=665); 此例子已經包含本文大部分內容,請對照參考。查...

    sshe 評論0 收藏0
  • 叢林】HTML Table 表格淺談邊框、隔行變色

    摘要:表格的一個單元格,一行中包含幾對,一行中就有幾列。。表格的頭部的一個單元格,表格表頭。表格標題屬性表格邊框的寬度。表格單元邊界與單元內容之間的間距內邊距。單元格之間的間距。可填寫或任意數字,分別代表奇數行列偶數行列或指定行列 showImg(https://segmentfault.com/img/bVbeipJ?w=649&h=665); 此例子已經包含本文大部分內容,請對照參考。查...

    szysky 評論0 收藏0
  • 叢林CSS background 背景淺談

    摘要:不建議使用英文代碼,不同瀏覽器對不同顏色代碼處理的效果有可能不同。背景圖像指定顯示的背景圖片,用設置路徑。固定,當頁面的其余部分滾動時,背景圖像不會移動。 定義和用法 基本屬性:color, image, position, repeat 背景顏色 background-color 值為顏色值或transparent二者選其一,默認值是transparent(透明)。 顏色值可以為...

    tinyq 評論0 收藏0
  • 淺談CSS3 box-sizing 屬性 有趣的盒模型

    摘要:盒模型的組成大家肯定都懂,由里向外盒模型是有兩種標準的,一個是標準模型,一個是模型。指定元素的寬度和高度最小最大屬性適用于的寬度和高度。盒模型的組成大家肯定都懂,由里向外content,padding,border,margin. 盒模型是有兩種標準的,一個是標準模型,一個是IE模型。 ?從上面兩圖不難看出在標準模型中,盒模型的寬高只是內容(content)的寬高, 而在IE模型中盒模型...

    K_B_Z 評論0 收藏0
  • 淺談web自適應

    摘要:本篇文章分享了一些處理多屏幕自適應的經驗,希望有益于各位。該寬度自適應在新的時代有了新的方法,隨著彈性布局的普及,它經常被的伸縮性布局方式替代,變得越來越彈性十足。 轉自:http://www.cnblogs.com/consta... 前言 隨著移動設備的普及,移動web在前端工程師們的工作中占有越來越重要的位置。移動設備更新速度頻繁,手機廠商繁多,導致的問題是每一臺機器的屏幕寬度和...

    kid143 評論0 收藏0

發表評論

0條評論

seanlook

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<