CSS border-widthPropiedad
Ejemplo
Establece el ancho de los cuatro bordes:
p
{
border-style:solid;
border-width:15px;
}
Pruébalo »
Definición y uso de la propiedad
La propiedad border-width establece el ancho de los cuatro bordes de un elemento. Esta propiedad puede tener de uno a cuatro valores.
Ejemplo:
border-width:thin medium thick 10px;
- El borde superior es un borde fino
- El borde derecho es un borde medio
- El borde inferior es un borde grueso
- El borde izquierdo es un borde de 10px de ancho
border-width:thin medium thick;
- El borde superior es un borde fino
- El borde derecho y el borde izquierdo son bordes medios
- El borde inferior es un borde grueso
border-width:thin medium;
- El borde superior y el borde inferior son bordes finos
- El borde derecho y el borde izquierdo son bordes medios
border-width:thin;
- Todos los 4 bordes son finos
| Valor predeterminado: | medium |
|---|---|
| Herencia: | no |
| Versión: | CSS1 |
| Sintaxis de JavaScript: | object.style.borderWidth="thin thick" |
Compatibilidad con navegadores
Los números de la tabla indican la primera versión del navegador compatible con la propiedad.
| Propiedad | |||||
|---|---|---|---|---|---|
| border-width | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Valores de la propiedad
| Valor | Descripción |
|---|---|
| thin | Define un borde fino. |
| medium | Predeterminado. Define un borde medio. |
| thick | Define un borde grueso. |
| length | Le permite personalizar el ancho del borde. |
| inherit | Especifica que el ancho del borde debe heredarse del elemento padre. |
Artículos relacionados
Tutorial de CSS:CSS Border
Otras extensiones