Ejemplo
Añadir un "solid" borde superior a un <div> elemento:
document.getElementById("myDiv").style.borderTopStyle = "solid"; Inténtalo tú mismo " Definición y Uso
Los conjuntos de propiedades borderTopStyle o devuelve el estilo del borde superior de un elemento.
Soporte del navegador
La propiedad borderTopStyle es compatible con todos los principales navegadores.
Sintaxis
Devolver la propiedad borderTopStyle:
object .style.borderTopStyle
Establecer la propiedad borderTopStyle:
object .style.borderTopStyle= value |initial|inherit
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 superior de un elemento |
| Versión CSS | CSS1 |
Más ejemplos
Ejemplo
Cambiar el estilo del borde superior de un <div> elemento de "dotted" :
document.getElementById("myDiv").style.borderTopStyle = "dotted";
Inténtalo tú mismo " Ejemplo
Devolver el estilo del borde superior de un <div> elemento:
alert(document.getElementById("myDiv").style.borderTopStyle); Inténtalo tú mismo " Ejemplo
Una demostración de todos los diferentes valores:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderTopStyle = listValue; Inténtalo tú mismo " Páginas relacionadas
CSS tutorial: CSS Frontera
CSS referencia: border-top-style property
Referencia HTML DOM: border property
<Estilo de objeto