Atributo border-right-style CSS

Definición y uso

border-right-style configura el estilo del borde derecho del elemento.

El borde solo aparecerá si este valor no es none.

En CSS1, el agente de usuario HTML solo debe soportar solid y none.

Véase también:

Tutorial de CSS:Borde de CSS

Manual de referencia de CSS:Propiedad border-right

Manual de referencia de HTML DOM:Propiedad borderRightStyle

Ejemplo

Configuración del estilo del borde derecho:

p
  {
  border-style:solid;
  border-right-style:dotted;
  }

Prueba tu mismo

Sintaxis de CSS

border-right-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

Valor del atributo

Valor Descripción
none Define un borde sin borde.
hidden Es igual a "none". Sin embargo, no se aplica a las tablas; para las tablas, se utiliza "hidden" para resolver conflictos de borde.
dotted Define un borde punteado. Se presenta como una línea sólida en la mayoría de los navegadores.
dashed Define una línea punteada. Se presenta como una línea sólida en la mayoría de los navegadores.
solid Define una línea sólida.
double Define una línea doble. El ancho de la línea doble es igual al valor de border-width.
groove Define un borde 3D cano. Su efecto depende del valor de border-color.
ridge Define un borde 3D ribeteado. Su efecto depende del valor de border-color.
inset Define un borde 3D inset. Su efecto depende del valor de border-color.
outset Define un borde 3D outset. Su efecto depende del valor de border-color.
inherit Se especifica que el estilo del borde debe ser inheritado del elemento padre.

Detalles técnicos

Valor por defecto: no especificado
Herencia: no
Versión: CSS1
Sintaxis de JavaScript: objeto.style.borderRightStyle="punteada"

Más ejemplos

Configuración del estilo del borde derecho
Este ejemplo muestra cómo configurar el estilo del borde derecho.

Compatibilidad del navegador

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

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