border

Resumen

La propiedad border permite definir de un golpe todos los bordes en una única regla de la hoja de estilos. Se puede utilizar border para definir el o los valores siguientes: border-width, border-style, border-color.

• valor inicial: ver propiedades individuales
• Se aplica a: todos los elementos
• herencia: no
• Porcentajes: N/A
• Medio: visual
• valor calculada: ver propiedades individuales

Sintaxis

border: [border-width || border-style || border-color | inherit] ;

Valores

border-width.

border-style.

border-color.

Ejemplos

Ver El Ejemplo Vivo

element { 
    border: 1px solid #000;
}

Notas importantes

Cuando las propiedades border-width, border-style y border-color admiten hasta cuatro valores diferentes, ésta (border) no acepta más de una por cada propiedad.

Especificaciones

• CSS 1
• CSS 2.1
• CSS 3

Compatibilidad

Ver también

border, border-color, border-style, border-width