Atributo border-right-style de CSS
- página anterior color-de-borde-derecho
- página siguiente border-right-width
Definición y uso
border-right-style establece el estilo del borde derecho del elemento.
El borde solo puede aparecer cuando 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:Atributo border-right
Manual de referencia de HTML DOM:Propiedad borderRightStyle
Ejemplo
Establecer el estilo del borde derecho:
p { border-style:solid; border-right-style:dotted; }
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 bordes. |
hidden | Es igual a "none". Sin embargo, no se aplica a las tablas; para las tablas, se utiliza "hidden" para resolver conflictos de bordes. |
dotted | Define un borde punteado. En la mayoría de los navegadores se presenta como una línea sólida. |
dashed | Define una línea punteada. En la mayoría de los navegadores se presenta como una línea sólida. |
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 en relieve 3D. Su efecto depende del valor de border-color. |
ridge | Define un borde ondulado 3D. Su efecto depende del valor de border-color. |
inset | Define un borde hundido 3D. Su efecto depende del valor de border-color. |
outset | Define un borde saliente 3D. Su efecto depende del valor de border-color. |
inherit | Se especifica que el estilo del borde debe ser heredado del elemento padre. |
Detalles técnicos
Valor predeterminado: | no especificado |
---|---|
Herencia: | no |
Versión: | CSS1 |
Sintaxis de JavaScript: | objeto.style.borderRightStyle="punteada" |
Más ejemplos
- Establecer el estilo del borde derecho
- Este ejemplo muestra cómo establecer 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 |
- página anterior color-de-borde-derecho
- página siguiente border-right-width