English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

manual de referencia CSS

reglas @ CSS (RULES)

大全 de propiedades CSS

CSS borde-abajo-Método de uso y ejemplo del atributo ancho

border-abajo-El atributo ancho CSS se utiliza para establecer el ancho del borde inferior del elemento de manera individual. Sin embargo, en la práctica, a menudo se utiliza   border-anchooborder-abajopara definir el estilo del ancho del borde inferior.

La tabla a continuación proporciona una descripción del uso, el historial de versiones y la sintaxis de uso en scripts de JavaScript de este atributo.

Valor predeterminado:medio
Aplicable a:Todos los elementos
Herencia:No
Animable:Sí.Consulte Atributo de animación.
Versión:CSS 1,2,3
Sintaxis de JavaScript:object object.style.borderBottomWidth="grueso"

border-abajo-Sintaxis de uso de width

La sintaxis de este atributo es la siguiente:

border-abajo-ancho: fino | medio | grueso | longitud | inicial | inherit

Los siguientes ejemplos muestran cómo usar border-abajo-Atributo ancho.

  p {
   border-style: sólido;
   border-abajo-ancho: 15px;
  }
Pruebe y vea‹/›

Nota:Debe usar border-abajo-Declaración del atributo ancho antes de borderborder-styleEl atributo. Además, el elemento debe tener un borde, y el ancho del borde no puede ser 0, antes de poder establecer el ancho del borde, porqueborder-styleEl valor predeterminado de este atributo es none.

Valor del atributo

La tabla a continuación describe los valores de este atributo.

ValorDescripción
finoBorde fino
medioBorde medio
gruesoBorde grueso
longitudValores de longitud en unidades como px, pt, cm, em, etc., pero no se permite un valor negativo.
initialEstablezca este atributo en su valor predeterminado.
inheritSi se especifica, el elemento relacionado utiliza el borde del elemento padre-abajo-Valor calculado del atributo ancho.

Compatibilidad del navegador

border-abajo-La compatibilidad del atributo ancho de los navegadores, los números en la tabla a continuación indican la versión más baja del navegador que admite este atributo; todos los navegadores principales admiten este atributo.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 4+

Leer más

Vea el tutorial:CSS Borde,CSS3 Borde.

Propiedades relacionadas:border,border-ancho,border-abajo,border-abajo-color,
border-abajo-style.