Atributo border-width de CSS

Recomendaciones de cursos:

Definición y uso

El atributo abreviado border-width establece el ancho de todos los bordes del elemento o establece el ancho de cada borde individualmente.

Sólo tiene efecto cuando el estilo del borde no es none. Si el estilo del borde es none, el ancho del borde se restablecerá a 0. No se permite especificar valores de longitud negativos.

Ejemplo 1
  • border-width:delgado medio grueso 10px;
  • El borde superior es delgado
  • El borde superior es de 10px
  • El borde derecho es un borde medio

El borde izquierdo es un borde de 10px de ancho

Ejemplo 2
  • border-width:delgado medio grueso;
  • El borde superior e inferior son delgados
  • El borde superior es de 10px

El borde inferior es grueso

Ejemplo 3
  • border-width:delgado medio;
  • El borde superior e inferior son delgados

El borde derecho y el izquierdo son medianos

Ejemplo 4
  • border-width:delgado;

Todos los 4 bordes son delgados

Ejemplo

Establecer el ancho de todos los bordes:
  p
  {
  border-style:solid;
  border-width:15px;

}

Prueba tú mismo

Sintaxis de CSSlongitudborder-width: media|delgado|grueso|

Valor del atributo |initial|inherit;

Valor Descripción
Define un borde fino. delgado
media Predeterminado. Define un borde medio.
grueso Define un borde grueso.
longitud Le permite personalizar el ancho del borde.
inherit Se debe especificar que el ancho del borde debe ser heredado del elemento padre.

Más ejemplos

Todos los atributos de anchura de borde en una declaración
Este ejemplo muestra cómo usar propiedades abreviadas para establecer el ancho de todos los bordes en una declaración.

Detalles técnicos

Valor predeterminado: media
Herencia: no
Versión: CSS1
Sintaxis de JavaScript: objeto.style.borderWidth="delgado grueso"

Compatibilidad del navegador

Los números en la tabla indican la versión del navegador que primero admite completamente este atributo.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5

Por favor, consulte:

Tutoriales de CSS:Bordes de CSS

Manual de Referencia del DOM HTML:Atributo borderWidth