Atributo borderRight de estilo

Definición y uso

borderRight Atributos configurados o devueltos en forma abreviada para hasta tres atributos de borde derecho individuales.

A través de este atributo, puede configurar / devolver 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-right

Manual de referencia de HTML DOM:Atributo border

Ejemplo

Ejemplo 1

Agregar un borde derecho al elemento <div>:

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

Pruebe usted mismo

Ejemplo 2

Cambiar el ancho, estilo y color del borde derecho del elemento <div>:

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

Pruebe usted mismo

Ejemplo 3

Devolver el valor del atributo border-right del elemento <div>:

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

Pruebe usted mismo

Sintaxis

Devolver el atributo borderRight:

object.style.borderRight

Establecer el atributo borderRight:

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

Valor del atributo

Valor Descripción
width Establecer el ancho del borde derecho.
style Establecer el estilo del borde derecho.
color Establecer el color del borde derecho.
initial Establezca este atributo en su valor predeterminado. Consulte initial.
inherit Hereda este atributo de su elemento padre. Consulte inherit.

Detalles técnicos

Valor predeterminado: No especificado
Valor de retorno: Cadena que representa el ancho, estilo y / o color del borde derecho 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