English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
borde-arriba-La propiedad style establece el estilo de la parte superior del elemento. Sin embargo, en muchos casos, comoborde-estilooborde-arribaEsta abreviatura de propiedad CSS es más conveniente y recomendable de usar.
La siguiente tabla describe el uso y el historial de versiones de esta propiedad, así como su sintaxis de uso en scripts de JavaScript.
| valor por defecto: | none |
|---|---|
| aplica a: | todos los elementos |
| heredar: | ninguno |
| animación posible: | no.ver propiedades de animación。 |
| versión: | CSS 1，2，3 |
| sintaxis de JavaScript: | objeto.style.borderTopStyle="punteado" |
La sintaxis de esta propiedad es la siguiente:
borde-arriba-style: ninguno | oculto | punteado | dashed | sólido | doble | groove | cuesta | ajuste | saliente | heredar
El siguiente ejemplo muestra cómo usar border-arriba-propiedad style.
p {
borde-arriba-style: dashed;
borde-arriba-width: 3px;
}Prueba para ver‹/›La tabla a continuación describe los valores de este atributo.
| Valor | Descripción |
|---|---|
| none | No se muestra borde. |
| hidden | Es igual que none, pero a diferencia de esto, las celdas de la tabla tienenBorde plegadoY las dos celdas comparten el borde. El valor hidden asegura que no se dibuje el borde, ya que hidden tiene prioridad sobre todos los otros estilos de borde. |
| dotted | Muestra el borde como una serie de puntos. |
| dashed | Muestra el borde como una serie de segmentos cortos, es decir, guiones. |
| solid | Muestra el borde como una línea continua. |
| double | Muestra el borde como dos líneas paralelas continuas, dejando un espacio entre ellas. La suma de las dos líneas y el espacio entre ellas es igual aborde-widthdel valor. |
| groove | Muestra un borde tallado en el lienzo. Da la impresión de3La impresión de D, generalmente se logra usando colores más claros que el color del borde.borde-colorSe crean sombras con dos colores más claros y más oscuros. |
| ridge | Muestra un borde groove que es opuesto al efecto.3La impresión de D, el borde parece salir del lienzo. |
| inset | Muestra un borde que hace que la caja del elemento parezca estar incrustada en el lienzo. Da la impresión de3D, lo que generalmente se logra creando una sombra de dos colores, más claros que el color del borde.borde-colorligeramente más claro y más oscuro. |
| outset | Muestra un borde inset que es opuesto al efecto.3La impresión de D, el borde hace que la caja parezca salir del lienzo. |
| initial | Establezca este atributo en su valor predeterminado. |
| inherit | Si se especifica, el elemento relacionado utiliza el borde del elemento padre-arriba-Valor del atributo style. |
borde-arriba-Compatibilidad del navegador del atributo style; los números en la tabla a continuación representan la versión mínima del navegador que admite la propiedad. Todos los navegadores principales admiten esta propiedad.
|
Advertencia: Internet Explorer 7y versiones anteriores no soportan value hidden. IE8Soporta, pero necesita<!DOCTYPE>。9y versiones posteriores soportan el valor hidden. IE
Vea el tutorial:Borde CSS，CSS3 Borde。
Propiedades relacionadas:borde，borde-estilo，borde-arriba，borde-arriba-color，
borde-arriba-width。