English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
border-derecha-El atributo de estilo establece el estilo del borde derecho del elemento. Sin embargo, en muchos casos, comoborder-estiloOborder-derechaEste atributo de CSS abreviado es más conveniente y recomendado de usar.
La tabla siguiente proporciona una descripción de uso y un historial de versiones de este atributo, así como su sintaxis de uso en scripts de JavaScript.
| Valor predeterminado: | none |
|---|---|
| Aplicable a: | Todos los elementos |
| Heredado: | Ninguno |
| Animable: | No.Ver: Atributos de animación。 |
| Versión: | CSS 1，2，3 |
| Sintaxis de JavaScript: | object object.style.borderRightStyle="dashed" |
La sintaxis de este atributo es la siguiente:
border-derecha-estilo: none | hidden | punteado | rayado | sólido | doble | surco | rebato | hundido | saliente | inicial | heredado
El siguiente ejemplo muestra cómo usar border-derecha-Atributo de estilo.
p {
border-derecha-estilo: dashed;
border-derecha-width: 3px;
}Prueba para ver‹/›La tabla a continuación describe los valores de esta propiedad.
| Valor | Descripción |
|---|---|
| none | No se mostrará el borde. |
| hidden | Es igual a none, pero a diferencia de esto, las celdas de la tabla tienenBorde plegadoY las dos celdas comparten el borde. El valor hidden asegura que no se dibuje el borde, ya que hidden tiene prioridad sobre todos los otros estilos de borde. |
| dotted | Mostrar el borde como una serie de puntos. |
| dashed | Mostrar el borde como una serie de segmentos cortos, es decir, guiones. |
| solid | Mostrar el borde como una línea continua. |
| double | Mostrar el borde como dos líneas paralelas discontinuas, dejando un espacio entre ellas. La suma de las dos líneas y el espacio entre ellas debe serborder-widthdel valor. |
| groove | Mostrar un borde tallado en el lienzo. Da una impresión de3La impresión de D, generalmente lograda usando colores más oscuros que el color del borde.border-colorcreando una sombra con dos colores más claros y más oscuros. |
| ridge | Mostrar un borde groove que es opuesto al efecto. También da3La impresión de D, el borde parece salir del lienzo. |
| inset | Mostrar un borde que hace que la caja del elemento parezca estar incrustada en el lienzo. Da una impresión de3D, lo que generalmente se logra creando una sombra de dos colores, más oscuros que el color del borde.border-colorligeramente más brillante y más oscuro. |
| outset | Mostrar un borde inset que es opuesto al efecto. También da3La impresión de D, el borde hace que la caja parezca salir del lienzo. |
| initial | Establecer este atributo a su valor predeterminado. |
| inherit | Si se especifica, el elemento asociado utiliza el borde del elemento padre-derecha-Valor del atributo style |
border-derecha-Compatibilidad del navegador del atributo style, los números en la tabla a continuación representan la versión mínima de navegador que admite la propiedad; todos los navegadores principales admiten esta propiedad.
|
Advertencia: Internet Explorer 7y versiones anteriores no soportan value hidden. IE8Soporta, pero necesita。9y versiones posteriores soportan el valor hidden. IE
Ver tutorial:Borde CSS，CSS3 Borde。
Propiedades relacionadas:border，border-estilo，border-derecha，border-derecha-color，
border-derecha-width。