Atributo border-right de CSS

Definición y uso

La propiedad abreviada border-right coloca todas las propiedades del borde derecho en una declaración.

Se pueden establecer los siguientes atributos en orden:

Si no se establece algún valor, no habrá problemas, por ejemplo, border-right:solid #ff0000; también es permitido.

Vea también:

Tutorial de CSS:CSS borde

Manual de referencia de HTML DOM:Propiedad borderRight

Ejemplo

Establecer el estilo del borde derecho:

p
  {
  border-style:solid;
  border-right:thick double #ff0000;
  }

Prueba tu mismo

Sintaxis de CSS

border-right: border-width border-style border-color|initial|inherit;

Valor de la propiedad

Valores Descripción
border-right-width Se especifica el ancho del borde derecho. Ver:border-right-width posibles valores.
border-right-style Se especifica el estilo del borde derecho. Ver:border-right-style posibles valores.
border-right-color Se especifica el color del borde derecho. Ver:border-right-color posibles valores.
inherit Se especifica que la propiedad border-right debe heredar la configuración del elemento padre.

Detalles técnicos

Valor predeterminado: no especificado
Herencia: no
Versión: CSS1
Sintaxis de JavaScript: object.style.borderRight="3px solid blue"

Más ejemplos

Todas las propiedades del borde derecho en una declaración
Este ejemplo muestra una propiedad abreviada que se utiliza para establecer todas las propiedades del borde derecho en una declaración.

Compatibilidad del navegador

Los números en la tabla indican la versión del navegador que admite completamente la propiedad.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5

Notas:Los navegadores IE7 y versiones anteriores no admiten el valor "inherit". IE8 requiere !DOCTYPE. IE9 admite "inherit".