Podsumowanie
border-bottom-color
ustawia kolor dolnego obramowania elementu, poprzez warto艣膰 koloru lub s艂owo kluczowe transparent
.
- Warto艣膰 pocz膮tkowa: w艂asno艣膰
color
- Stosowana do: wszystkich element贸w
- Dziedziczona: nie
- Procenty: niedost臋pne
- Media:
visual
- Warto艣膰 wyliczona: je艣li wzi臋ta z w艂asno艣ci 'color', wtedy warto艣膰 wyliczona w艂asno艣ci 'color'; w innym przypadku jako okre艣lone
Sk艂adnia
border-bottom-color: color | transparent | inherit
Warto艣ci
- color
- Kolor mo偶e by膰 zdefiniowany jako szestnastkowa warto艣膰 RGB, zwyk艂a warto艣膰 RGB lub poprzez u偶ycie jednego z predefiniowanych s艂贸w okre艣laj膮cych kolory.
- transparent
- Element nie ma w艂asnego koloru, zamiast tego pokazuje kolor elementu pod spodem.
Powi膮zane w艂asno艣ci
Przyk艂ady
element { width: 300px; padding: 15px; border-bottom-size: 1px; border-bottom-style: solid; border-bottom-color: #000; }
Notatki
Specifications
Specification | Status | Comment |
---|---|---|
CSS Backgrounds and Borders Module Level 3 The definition of 'border-bottom-color' in that specification. |
Candidate Recommendation | No significant changes, though the transparent keyword, now included in <color> which has been extended, has been formally removed. |
CSS Level 2 (Revision 1) The definition of 'border-bottom-color' in that specification. |
Recommendation | Initial definition |
Browser Compatibility
We're converting our compatibility data into a machine-readable JSON format.
This compatibility table still uses the old format,
because we haven't yet converted the data it contains.
Find out how you can help!
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
---|---|---|---|---|---|
Basic support | 1.0 | 1.0 (1.7 or earlier)[1] | 4 | 3.5 | 1.0 (85) |
Feature | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
Basic support | 1.0 | 1.0 (1.0)[1] | 6.5 | 11 | 1.0 |
[1] Gecko-based browsers like Firefox also support the non-standard -moz-border-bottom-colors
CSS property that sets the bottom border to multiple colors.
See also
- The border-related CSS shorthand properties
border
,border-bottom
, andborder-color
. - The color-related CSS properties applying to the other borders:
border-right-color
,border-top-color
, andborder-left-color
. - The other border-related CSS properties applying to the same border:
border-bottom-style
andborder-bottom-width
.