關於border-style屬性介紹

高洛峰
發布: 2017-03-17 09:53:38
原創
3162 人瀏覽過

border-style 屬性用來設定元素所有邊框的樣式,或是單獨地為各邊設定邊框樣式。

只有當這個值不是 none 時邊框才可能出現。

範例1

border-style:dotted solid double dashed;
登入後複製
  • 上邊框是點狀

  • #右邊框是實線

  • 下邊框是雙線

  • 左邊框是虛線

範例2

border-style:dotted solid double;
登入後複製
  • 上邊框是點狀

  • 右邊框框和左邊框是實線

  • 下邊框是雙線

範例3

border-style:dotted solid;
登入後複製
  • 上邊框和下邊框是點狀

  • 右邊框和左邊框是實線

範例4

border-style:dotted;
登入後複製
  • 所有4 個邊框都是點狀

##no版本:CSS1JavaScript 語法:
預設值: not specified
#繼承性:
object.style.borderStyle=" dotted double"
可能的值

#值nonehiddendotteddashedsoliddoublegrooveridgeinsetoutsetinherit描述
##描述
定義無邊框。
與 "none" 相同。不過應用於表時除外,對於表,hidden 用於解決邊框衝突。
定義點狀邊框。在大多數瀏覽器中呈現為實線。
定義虛線。在大多數瀏覽器中呈現為實線。
定義實線。
定義雙線。雙線的寬度等於 border-width 的值。
定義 3D 凹槽邊框。其效果取決於 border-color 的值。
定義 3D 壟斷邊框。其效果取決於 border-color 的值。
定義 3D inset 邊框。其效果取決於 border-color 的值。
定義 3D outset 邊框。其效果取決於 border-color 的值。
規定應該從父元素繼承邊框樣式。

最無法預測的邊框樣式是 double。它定義為兩條線的寬度再加上這兩條線之間的空間等於 border-width 值。不過,CSS 規範並沒有說其中一條線是否比另一條粗或兩條線是否應該是一樣的粗,也沒有指出線之間的空間是否應當比線粗。所有這些都有用戶代理決定,創作人員對這個決定沒有任何影響。

以上是關於border-style屬性介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板