English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
border-top-El atributo width CSS se utiliza para establecer el ancho del borde superior del elemento. Sin embargo, en muchos casos, como border-widthOborder-topEste atributo de CSS abreviado es más conveniente y recomendado para usar.
La tabla a continuación proporciona explicaciones de uso y registro histórico de versiones de este atributo, así como la sintaxis de uso en scripts de JavaScript.
| Valor predeterminado: | medium |
|---|---|
| Aplicable a: | Todos los elementos |
| Herencia: | No |
| Animable: | Sí.Consulte Atributos de animación。 |
| Versión: | CSS 1，2，3 |
| Sintaxis de JavaScript: | object object.style.borderTopWidth="thick" |
La sintaxis de este atributo es la siguiente:
border-top-width: thin | medium | thick | longitud | inherit
Los siguientes ejemplos demuestran cómo usar border-top-Atributo width.
p {
border-style: solid;
border-top-width: 15px;
}Pruebe y vea‹/›Nota:Debe especificarse en border-bottom-Atributo width debe declararse antesborder-styleAtributo. El elemento debe tener un borde para poder establecer el ancho del borde, ya que elborder-styleEl valor predeterminado de este atributo es none.
La tabla a continuación describe los valores de este atributo.
| Valor | Descripción |
|---|---|
| thin | Borde fino. |
| medium | Borde medio. |
| thick | Borde grueso. |
| Longitud | Valores de longitud en unidades de px, pt, cm, em, etc. No se permite valor negativo. |
| initial | Establezca este atributo en su valor predeterminado. |
| inherit | Si se especifica, el elemento asociado adopta el borde del elemento padre-top-Valor del atributo width. |
border-top-La compatibilidad del atributo width de los navegadores, los números en la tabla a continuación representan la versión mínima de los navegadores que admiten esta propiedad; todos los navegadores principales admiten esta propiedad.
|
Vea el tutorial:Borde CSS，CSS3 Borde。
Propiedades relacionadas:border，border-width，border-top，border-top-color，
border-top-style。