Ejemplo
Añadir un "solid" borde derecho a un <div> elemento:
document.getElementById("myDiv").style.borderRightStyle = "solid"; Inténtalo tú mismo " Definición y Uso
Los conjuntos de propiedades borderRightStyle o devuelve el estilo del borde derecho de un elemento.
Soporte del navegador
La propiedad borderRightStyle es compatible con todos los principales navegadores.
Sintaxis
Devolver la propiedad borderRightStyle:
object .style.borderRightStyle
Establecer la propiedad borderRightStyle:
object .style.borderRightStyle= Valores de propiedad Valor Descripción none Define ninguna frontera. Esto es por defecto hidden Igual que "none" , excepto en la resolución de conflictos de borde para los elementos de tabla dotted Define un borde de puntos dashed Define un borde punteado solid Define un borde sólido double Define dos fronteras. La anchura de los dos bordes son los mismos que el valor frontera-ancho groove Define un borde acanalado 3D. El efecto depende del valor de border-color ridge Define un borde estriado 3D. El efecto depende del valor de border-color inset Define una frontera inserción 3D. El efecto depende del valor de border-color outset Define un borde de inicio 3D. El efecto depende del valor de border-color initial Establece esta propiedad a su valor por defecto. Lea acerca inicial inherit Hereda esta propiedad de su elemento padre. Lea acerca de heredar
Detalles técnicos
Valor por defecto: ninguna Valor de retorno: Una cadena, que representa el estilo del borde derecho de un elemento Versión CSS CSS1
Más ejemplos
Ejemplo
Cambiar el estilo del borde derecho de un <div> elemento de "dotted" :
document.getElementById("myDiv").style.borderRightStyle = "dotted";
Inténtalo tú mismo "
Ejemplo
Devolver el estilo del borde derecho de un <div> elemento:
alert(document.getElementById("myDiv").style.borderRightStyle); Inténtalo tú mismo "
Ejemplo
Una demostración de todos los diferentes valores:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderRightStyle = listValue; Inténtalo tú mismo "
Páginas relacionadas
CSS tutorial: CSS Frontera
CSS referencia: border-right-style property
Referencia HTML DOM: border property
<Estilo de objeto