Los últimos tutoriales de desarrollo web
 

Style border Property

<Estilo de objeto

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