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

manual de referencia CSS

CSS @reglas (RULES)

lista completa de atributos CSS

CSS border-Métodos de uso y ejemplos de la propiedad width

border-La propiedad width CSS se utiliza para establecer el ancho de borde individual, es un atributo de atajos, esborder-top-widthborder-right-widthborder-bottom-widthYborder-left-widthAtributo abreviado.

La tabla a continuación proporciona la descripción de uso y el historial de versiones de esta propiedad, así como la sintaxis de uso en scripts de JavaScript.

Valor predeterminado:medio
Aplique a:所有元素
El valor predeterminado de este atributo es none.Todos los elementos
Herencia:No.Animable: Sí.
Consulte:CSS 1,2,3
Atributos de animaciónVersión:JavaScript

border-.style.borderWidth="fino grueso"

Sintaxis de uso de width

border-La sintaxis de este atributo es la siguiente: 1 width: [ fino | medio | grueso | longitud ] 4 hasta

values | inherit

  • Este atajo puede adoptar uno, dos, tres o cuatro valores separados por espacios en blanco.Si se especificaUn valor

  • El primer valor se utiliza para el borde superior, el segundo valor se utiliza para los bordes derecho e izquierdo, y el tercer valor se utiliza para el borde inferior.El valor se aplicará a todos los bordes.Dos valores

  • El primer valor se utiliza para el borde superior, el segundo valor se utiliza para los bordes derecho e izquierdo, y el tercer valor se utiliza para el borde inferior.El primer valor se utiliza para los bordes superior e inferior, y el segundo valor se utiliza para los bordes derecho e izquierdo.Tres valores

  • El primer valor se utiliza para el borde superior, el segundo valor se utiliza para los bordes derecho e izquierdo, y el tercer valor se utiliza para el borde inferior.Si se especificanCuatro valores

Si se especifican, cada valor se aplicará al borde en el orden superior, derecho, inferior e izquierdo.-Los siguientes ejemplos muestran cómo usar border

  Ejemplo
   border-p {
   border-style: sólido; 5width:
  px;
}/Prueba a ver‹

border-styleNota:-bottom-El atributo width debe declararse antes del atributo width.border-styleEl valor predeterminado de este atributo es none.

Valores del atributo

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

ValorDescripción
finoBorde fino.
medioBorde medio.
gruesoBorde grueso.
length

Longitudes de unidades como px, pt, cm, em, no se permite valor negativo.

inheritSi se especifica, el elemento relacionado utiliza el border del elemento padre-Valores del atributo width.

Compatibilidad del navegador

border-La compatibilidad del atributo width del navegador, los números en la tabla a continuación representan la versión mínima del navegador que admite esta propiedad; todos los navegadores principales admiten esta propiedad.

Compatibilidad del navegador–

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+)

  • Opera 4+

Leer más

Consulte el tutorial:CSS BorderCSS3 Border

Atributos relacionados:borderborder-styleborder-colorborder-top-widthborder-right-widthborder-bottom-widthborder-left-width