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

Manual de referencia CSS

CSS @reglas (RULES)

大全 de Atributos CSS

CSS border 属性使用方法及示例

CSS的border属性设置元素边框的所有四个侧面的宽度、样式和颜色。它是用于单独设置边框属性,即一个速记属性,而borde-anchoborde-estilo以及borde-colores una declaración única.

La tabla a continuación resume el contexto de uso y el historial de versiones de este atributo.

Valor predeterminado:Ver atributo individual
Aplique a:Todos los elementos
Herencia:No
Animable:Sí,Ver atributo individualVer Atributos de animación
Versión:CSS 1,2,3
Sintaxis de JavaScript:    
object    object.style.borde="1px sólido rojo"

Sintaxis de uso de borde

La sintaxis de este atributo es la siguiente:

borde: [ borde-ancho borde-estilo borde-color ] | initial | inherit

Nota:Si falta o se omite cualquier atributo enumerado anterior, se insertará el valor predeterminado del atributo (si lo hay). Para más detalles, consulte cada atributo.

Los siguientes ejemplos muestran cómo usar el atributo borde.

h1 { borde: 5px sólido #ff0000;}
p { color: #00ff00; borde: 5px sólido;}
Probar para ver‹/›

Nota:siborde-colorfalta o no se especifica (por ejemplo, borde: 5px sólido;),colorse utilizará el valor del atributo del elemento. Pero, en el caso deborde-estiloEn el caso, omitir o ignorar este valor no se mostrará ningún borde, ya que el borde-El valor predeterminado del atributo estilo es none.

Valor del atributo

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

ValorDescripción
borde-anchoEstablecer el ancho del borde del elemento.
borde-estiloEstablecer el estilo del borde del elemento.
borde-colorEstablecer el color del borde del elemento.
initialEstablecer este atributo en su valor predeterminado.
inheritSi se especifica, el elemento asociado utiliza el valor calculado del atributo borde del elemento padre.

Compatibilidad del navegador

La compatibilidad del navegador del atributo borde, todos los navegadores principales admiten este atributo.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 4+

Leer más

Ver tutorial:Borde CSSCSS3 Borde

Atributos relacionados:borde-anchoborde-estiloborde-colorborde-colapsarborde-imagenborde-radioborde-espaciado