Atributo Style borderTopStyle

Definición y uso

borderTopStyle Establecer o devolver el estilo del borde del elemento.

Vea también：

Tutoriales de CSS：Borde CSS

Manual de referencia de CSS：Atributo border-top-style

Manual de referencia de HTML DOM：Atributo border

Ejemplo

Ejemplo 1

Agregar un borde superior sólido al elemento <div>：

document.getElementById("myDiv").style.borderTopStyle = "solid";

pruebe usted mismo

ejemplo 2

cambia el estilo del borde superior del elemento <div> a "dotted":

document.getElementById("myDiv").style.borderTopStyle = "dotted";

pruebe usted mismo

ejemplo 3

retorna el estilo del borde superior del elemento <div>:

alert(document.getElementById("myDiv").style.borderTopStyle);

pruebe usted mismo

ejemplo 4

demonstración de todos los diferentes valores:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderTopStyle = listValue;

pruebe usted mismo

sintaxis

retornar el atributo borderTopStyle:

object.style.borderTopStyle

establecer el atributo borderTopStyle:

object.style.borderTopStyle = value|initial|inherit
valor descripción
none define bordes sin borde. Predeterminado.
hidden igual que "none", pero no en la resolución de conflictos de bordes de elementos de tabla.
dotted define el borde punteado.
dashed define el borde punteado.
solid define el borde sólido.
double define dos bordes. La anchura de los dos bordes es igual al valor de border-width.
groove define el borde 3D groove. El efecto depende de border-color los valores.
ridge define el borde 3D ridge. El efecto depende de border-color los valores.
inset define el borde 3D inset. El efecto depende de border-color los valores.
outset define el borde 3D outset. El efecto depende de border-color los valores.
initial establece este atributo en su valor predeterminado. Consulte initial.
inherit hereda este atributo de su elemento padre. Consulte inherit.

detalles técnicos

valor predeterminado: none
valor de retorno: una cadena que representa el estilo del borde superior del elemento.
versión de CSS: CSS1

soporte del navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
soporte soporte soporte soporte soporte