CSS 底部邊框 border bottom

border-bottom 簡寫屬性把下邊框的所有屬性：border-bottom-color，border-bottom-style與border-bottom-width設定到了乙個宣告中。這些屬性描述了元素的下邊框樣式。

border-bottom: 1px;
border-bottom: 2px dotted;
border-bottom: medium dashed blue;

與所有的簡記屬性相同，border-bottom定義了它所有可以定義的屬性，即使他們並沒有被顯式地定義。它把所有未被顯式定義的引數都設定為了預設值，這意味著這些值將被定義為：

border-bottom-style: dotted;
border-bottom: thick green;

它和以下的**是等價的：

border-bottom-style: dotted;
border-bottom: none thick green;

順便一提，在border-bottom之前定義的border-bottom-style的值因此被忽略了.

由於border-bottom-style並沒有預設值, 未被定義的 border-style 引數的值將被設定為無，也就是無底邊框.

as each of the properties of the shorthand: border-bottom-width: medium border-bottom-style: none border-bottom-color: currentcolor

適用元素

是否是繼承屬性 no

適用**

visual

計算值as each of the properties of the shorthand: border-bottom-width: the absolute length or 0 if border-bottom-style is none or hidden border-bottom-style: as specified border-bottom-color: computed color

animation type

as each of the properties of the shorthand: border-bottom-color: a color border-bottom-style: discrete border-bottom-width: a length

正規順序

`::first-letter`](

::first-letter)

.[inherited]

(inheritance) no media visual [computed value]

(computed_value)

as each of the properties of the shorthand:

animation type as each of the properties of the shorthand:

速記屬性的三個值可以按任意順序指定，其中乙個或兩個可以省略。

見border-bottom-width.

見border-bottom-style.見border-bottom-color.


||||where 
=| thin | medium | thick
= none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset
=<
rgb(
)>
|<
rgba()
>
|<
hsl(
)>
|<
hsla()
>||
| currentcolor |
where 
<
rgb(
)>
=rgb([
[|][
/]?]|[[
#|#],
?])<
rgba()
>
=rgba([
[|][
/]?]|[[
#|#],
?])<
hsl(
)>
=hsl([
[/]?]|[
,,
,?])<
hsla()
>
=hsla([
[/]?]|[
,,
,?])where =|
=|


this box has a border on the bottom side.
<
/div>

div

status

comment

css backgrounds and borders module level 3the definition of 'border-bottom' in that specification.

candidate recommendation

css level 2 (revision 1)the definition of 'border-bottom' in that specification.

recommendation

no significant changes.

css level 1the definition of 'border-bottom' in that specification.

recommendation

initial definition.

chrome

edge

firefox (gecko)

internet explorer

opera

safari (webkit)

basic support

1.0(yes)

1.0 (1.7 or earlier) 4

3.51.0 (85)

android

edge

firefox mobile (gecko)

ie phone

opera mobile

safari mobile

basic support

1.0(yes)

1.0 (1.0)

(yes)

CSS 底部邊框 border bottom

CSS之可收縮的底部邊框

Android設定底部邊框

css 科技邊框 CSS 邊框

CSS 底部邊框 border bottom

CSS之可收縮的底部邊框

Android設定底部邊框

css 科技 邊框 CSS 邊框

相關推薦

css 科技邊框 CSS 邊框