
La propiedad border-bottom-color CSS establece el color del marco inferior del elemento. Tenga en cuenta que en la mayoría de los casos es preferible utilizar propiedades CSS cortas como border-color
o border-bottom
.
Funciones border-bottom-color css
Valor inicial | currentcolor |
---|---|
Aplicado a | Todos los artículos. |
Heredable | No |
Móvil | Sí |
Valor calculado | Color calculado. |
/* <color> valores */ border-bottom-color: red; border-bottom-color: #ffbb00; border-bottom-color: rgb(255, 0, 0); border-bottom-color: hsla(100%, 50%, 25%, 0.75); border-bottom-color: currentcolor; border-bottom-color: transparent; /* valores globales */ border-bottom-color: inherit; border-bottom-color: initial; border-bottom-color: unset;
Ejemplos y aplicaciones
En el siguiente ejemplo, estableceremos un marco inferior para los elementos que son verdes <div>
( border-bottom-color
) y ancho ( border-bottom-width
) iguales 4px
y border-bottom-style
punteados ( ).
Código HTML:
< div > Este elemento tiene un marco en su borde inferior </ div >
Código CSS:
div { border-bottom-style: dotted; border-bottom-width: 4px; border-bottom-color: green; padding: 0.5em; }
Soporte de navegadores
Característica | Chrome | Firefox | IE | Ópera | Safari |
---|---|---|---|---|---|
Soporte básico | 1.0 | 1.0 | 4 | 3,5 | 1.0 |
Características generales
La propiedad acepta border-bottom-color
un valor.
<color>
Color del marco inferior.
Estructura formal
border-bottom-color: <color>;
Vea también
- La página de propiedades establecida por la propiedad de acceso directo
border-bottom
:border-bottom-width
yborder-bottom-style
. - La página de propiedades establecido por la propiedad de acceso directo
border
:border-width
,border-style
, yborder-color
. - Configure una imagen para el marco usando la función
border-image
. - Esquinas redondeadas y
border-radius
esquinas inferiores .border-bottom-left-radius
, .border-bottom-right-radius
- La propiedad
color
que establece el color del elemento y el valor del color<color>
.
- Característica Box Sizing en CSS
- Característica del Margin en CSS
- Diferencias entre SASS y SCSS
- Característica del Padding en CSS
- Característica de Opacity en CSS
- Característica del Overflow en CSS
- Característica del Color en el CSS
- Característica del Background en CSS
- Característica de Border en CSS
- Característica del CSS Bottom
- Característica del CSS Display
- Características padding en CSS
- ¿Qué es el código CSS y en que se utiliza?
- Característica background-attachment en CSS
- Propiedad clear en CSS
- Característica background-blend-mode en CSS
- Característica background-clip en CSS
- Propiedades float en CSS
- Característica background-color en CSS
- Característica background-image en CSS
- Característica background-origin en CSS
- Característica background-repeat en CSS
- Característica background-size en CSS
- Característica background-position en CSS
- Característica box-shadow en CSS
- Característica border-bottom en CSS
- Característica border-bottom-color en CSS
- Característica border-bottom-style en CSS
- Característica border-bottom-width en CSS
- Característica border-color en CSS
- Característica border-image en CSS
- Característica border-image-outset en CSS
- Característica border-image-repeat en CSS
- Característica border-image-slice en CSS
- Característica border-image-source en CSS
- Características border-image-width en CSS
- Características border-left en CSS
- Característica border-left-color en CSS
- Característica border-left-style en CSS
- Característica border-left-width en CSS
- Característica border-right en CSS
- Características border-right-color en CSS