Ejemplo
Añadir un borde a un <div> elemento:
document.getElementById("myDiv").style.border = "thick solid #0000FF";
Inténtalo tú mismo " Más "Try it Yourself" ejemplos a continuación.
Definición y Uso
Los conjuntos de frontera de propiedad o devoluciones hasta tres propiedades de bordes separados, en una forma abreviada.
Con esta propiedad, se puede establecer / devolver uno o más de los siguientes (en cualquier orden):
- ancho del borde
- estilo de borde
- color del borde
Soporte del navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
Propiedad | |||||
---|---|---|---|---|---|
border | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Sintaxis
Devolver la propiedad border:
object .style.border
Establecer la propiedad border:
object .style.border=" Valores de propiedad Parámetro Descripción width Establece el ancho de los bordes style Establece el estilo de los bordes color Establece el color de los bordes 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: no especificado Valor de retorno: Una cadena, que representa la frontera ancho, estilo y / o color de un elemento Versión CSS CSS1
Más ejemplos
Ejemplo
Cambiar el ancho, estilo y color del borde de un <div> elemento:
document.getElementById("myDiv").style.border = "thin dotted red"; Inténtalo tú mismo "
Ejemplo
Devolver los valores de las propiedades frontera de un <div> elemento:
alert(document.getElementById("myDiv").style.border); Inténtalo tú mismo "
Páginas relacionadas
CSS tutorial: CSS Frontera
Referencia CSS: border property
<Estilo de objeto