Los últimos tutoriales de desarrollo web
 

Style borderTop Property

<Estilo de objeto

Ejemplo

Añadir un borde superior a un <div> elemento:

document.getElementById("myDiv").style.borderTop = "thick solid #0000FF";
Inténtalo tú mismo "

Definición y Uso

Los conjuntos de propiedades BorderTop o devuelve hasta tres propiedades border-top separadas, en una forma abreviada.

Con esta propiedad, se puede establecer / devolver uno o más de los siguientes (in any order) :

  • border-top-ancho
  • -Estilo borde superior
  • border-top-colores

Soporte del navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

La propiedad BorderTop es compatible con todos los principales navegadores.


Sintaxis

Devolver la propiedad BorderTop:

object .style.borderTop

Establecer la propiedad BorderTop:

object .style.borderTop=" Valores de propiedad
Parámetro Descripción
width Establece el ancho del borde superior
style Establece el estilo del borde superior
color Establece el color del borde superior
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 anchura, estilo y / o color del borde superior de un elemento
Versión CSS CSS1

Más ejemplos

Ejemplo

Cambiar el ancho, estilo y color del borde superior de un <div> elemento:

document.getElementById("myDiv").style.borderTop = "thin dotted red";
Inténtalo tú mismo "

Ejemplo

Devolver los valores de las propiedades border-top de un <div> elemento:

alert(document.getElementById("myDiv").style.borderTop);
Inténtalo tú mismo "

Páginas relacionadas

CSS tutorial: CSS Frontera

CSS referencia: border-top property

Referencia HTML DOM: border property


<Estilo de objeto