Atributo borderTop del estilo

Definición y uso

borderTop Los atributos se configuran o retornan en forma abreviada, como máximo tres atributos border-top individuales.

A través de este atributo, puede configurar / retornar una o más de las siguientes opciones (en cualquier orden)：

Vea también：

Tutoriales de CSS：Borde de CSS

Manual de referencia de CSS：Atributo border-top

Manual de referencia de HTML DOM：Atributo border

Ejemplo

Ejemplo 1

Agregar un borde superior al elemento <div>：

document.getElementById("myDiv").style.borderTop = "thick solid #0000FF";

Prueba por tu cuenta

Ejemplo 2

Cambiar el ancho, estilo y color del borde superior del elemento <div>：

document.getElementById("myDiv").style.borderTop = "thin dotted red";

Prueba por tu cuenta

Ejemplo 3

Retornar el valor del atributo border-top del elemento <div>：

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

Prueba por tu cuenta

Sintaxis

Retornar el atributo borderTop：

object.style.borderTop

Establecer el atributo borderTop：

object.style.borderTop = "width style color|initial|inherit"

Valor del atributo

Valor Descripción
width Establecer el ancho del borde superior
style Establecer el estilo del borde superior
color Establecer el color del borde superior
initial Establece este atributo en su valor predeterminado. Ver initial。
inherit Hereda este atributo del elemento padre. Ver inherit。

Detalles técnicos

Valor predeterminado： No especificado
Valor de retorno： Cadena que representa el ancho, estilo y / o color del borde superior del elemento.
Versión de CSS： CSS1

Compatibilidad del navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Soporte Soporte Soporte Soporte Soporte