Atributo Style borderRightStyle

Definición y uso

borderRightStyle Establecer o devolver el estilo del borde derecho del elemento.

Vea también:

Tutoriales de CSS:Borde de CSS

Manual de CSS:Atributo borderRightStyle

Manual de HTML DOM:Atributo border

Ejemplo

Ejemplo 1

Agregar un borde derecho sólido al elemento <div>:

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

var listValue = selectTag.options[selectTag.selectedIndex].text;

例子 2

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

Ejemplo 2

var listValue = selectTag.options[selectTag.selectedIndex].text;

Cambia el estilo del borde derecho del elemento <div> a "dotted":

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

Ejemplo 3

var listValue = selectTag.options[selectTag.selectedIndex].text;

Devuelve el estilo del borde derecho del elemento <div>:

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

Ejemplo 4
Demostración para todos los diferentes valores:

var listValue = selectTag.options[selectTag.selectedIndex].text;

document.getElementById("myDiv").style.borderRightStyle = listValue;

Pruebe usted mismo

.style.borderRightStyleSintaxis

Retorna el atributo borderRightStyle:

.style.borderRightStyleEstablece el atributo borderRightStyle: object
.style.borderRightStyle = value
Valor Descripción
none Define el borde sin borde. Predeterminado.
hidden Es igual a "none", excepto en la resolución de conflictos de bordes de elementos de tabla.
dashed Define el borde en puntos.
solid Define el borde sólido.
double Define dos bordes. El ancho de ambos bordes es igual al valor de border-width.
groove Define el borde 3D ranurado. El efecto depende de border-color los valores.
ridge Define el borde 3D ribeteado. 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. Véase initial.
inherit Hereda este atributo de su elemento padre. Véase inherit.

Detalles técnicos

Valor predeterminado: Ninguno
Valor de retorno: Cadena que representa el estilo del borde derecho del elemento.
Versión de CSS: CSS1

Compatibilidad del navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Apoyo Apoyo Apoyo Apoyo Apoyo