English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
borde-abajo-La propiedad style CSS se utiliza para establecer el estilo del borde inferior del elemento individualmente. Sin embargo, en nuestra práctica diaria, generalmente utilizamosborde-estilooborde-abajopara definir el estilo del borde.
La siguiente tabla muestra la descripción de uso y el historial de versiones de esta propiedad, así como su sintaxis de uso en scripts de JavaScript.
| valor por defecto: | none |
|---|---|
| aplica a: | todos los elementos |
| herencia: | no |
| animable: | No.Consulte propiedades de animación. |
| versión: | CSS 1,2,3 |
| sintaxis de JavaScript: | object object.style.borderBottomStyle="dashed" |
La sintaxis de esta propiedad es la siguiente:
borde-abajo-style: none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset | initial | inherit
A continuación, se muestra un ejemplo de cómo utilizar border-abajo-propiedad style.
p {
borde-abajo-style: dashed;
borde-abajo-width: 3px;
}Prueba para ver‹/›La tabla a continuación describe los valores de esta propiedad.
| Valor | Descripción |
|---|---|
none | Mostrar sin borde. |
| hidden | Es igual que none, pero la diferencia es que las celdas de la tabla tienenBorde plegadoY las dos celdas comparten el borde. El valor hidden asegura que no se dibuje el borde, ya que hidden tiene prioridad sobre todos los otros estilos de borde. |
| dotted | Mostrar el borde como una serie de puntos. |
| dashed | Mostrar el borde como una serie de segmentos cortos, es decir, guiones. |
| solid | Mostrar el borde como una línea continua. |
| double | Mostrar el borde como dos líneas paralelas discontinuas, dejando un espacio entre ellas. La suma de las dos líneas y el espacio entre ellas es igual aborde-widthdel valor. |
| groove | Mostrar un borde tallado en el lienzo. Da una impresión3La impresión de D, generalmente realizada utilizando un color más claro que el del borde.borde-colorcreada mediante una sombra de dos colores más claros y más oscuros. |
| ridge | Mostrar un borde groove opuesto al efecto. También da una impresión3La impresión de D, el borde parece salir del lienzo. |
| inset | Mostrar un borde que hace que el cuadro del elemento parezca estar incrustado en el lienzo. Da una impresión3D, lo que generalmente se realiza creando una sombra de dos colores, más claros que el color del borde.borde-colorligeramente más claro y más oscuro. |
| outset | Mostrar un borde inset opuesto al efecto. También da una impresión3La impresión de D, el borde hace que la caja parezca salir del lienzo. |
| initial | Establezca este atributo en su valor predeterminado. |
| inherit | Si se especifica, el elemento asociado utiliza el borde del elemento padre-abajo-Valor calculado del atributo style. |
borde-abajo-La compatibilidad del navegador del atributo style, los números en la tabla a continuación representan la versión mínima del navegador que admite la propiedad. Todos los navegadores principales admiten esta propiedad.
|
Advertencia: Internet Explorer 7y versiones anteriores no admiten value hidden. IE8Admite, pero necesita.9y versiones posteriores admiten el valor hidden. IE
Vea el tutorial:Borde CSS,CSS3 Borde.
Propiedades relacionadas:borde,borde-estilo,borde-abajo,borde-abajo-color,
borde-abajo-width.