Los datos expuestos en este blog, son solo de índole informativo. Por favor realiza siempre una copia de seguridad antes de realizar cualquier cambio en tu proyecto.
CSS: propiedad de estilo de borde derecho
Este tutorial de CSS explica cómo usar una propiedad de CSS llamada estilo de borde derecho Con sintaxis y ejemplos.
describir
La propiedad CSS border-right-style define el estilo de línea del borde derecho del cuadro.
sintaxis
La sintaxis de la propiedad CSS de estilo de borde derecho es:
border-right-style: value;parámetro o parámetro
valor
El estilo de línea utilizado para el borde derecho. Puede ser uno de los siguientes:
| valor | describir |
|---|---|
| no cualquiera | Sin bordes (este es el valor predeterminado) div {estilo del borde derecho: ninguno;} |
| duro | simple, recto, sólido div {borde-derecho-estilo: sólido;} |
| embellecido | serie de puntos div {borde-derecho-estilo: punteado;} |
| linea punteada | Serie de guiones div {estilo del borde derecho: discontinuo;} |
| doble | Las dos líneas suman la cantidad de píxeles definidos por border-right-width div {borde-derecho-estilo: doble;} |
| ranura | efecto de grabado div {borde-derecho-estilo: ranura;} |
| cresta | Parece que el borde está “saliendo” del aspecto 3D (frente a la ranura) div {estilo de borde derecho: cresta;} |
| ilustración | Apariencia incrustada div {borde-derecho-estilo: inserción;} |
| al principio | Apariencia en relieve (a diferencia de la ilustración) div {borde-derecho-estilo: inicio;} |
| oculto | el borde está oculto div {estilo del borde derecho: oculto;} |
| heredar | El elemento heredará el estilo de borde derecho de su elemento principal div {borde-derecho-estilo: heredar;} |
notas
- Dado que el valor predeterminado de CSS border-right-style es none, debe establecer el valor de CSS border-right-style para mostrar el borde derecho.
- Consulte también las propiedades border-right-color, border-right-width y border-right.
Compatibilidad del navegador
La propiedad CSS border-right-style tiene soporte básico para los siguientes navegadores:
- Aleación de cromo
- androide
- Firefox (Geco)
- Firefox móvil (Geco)
- Navegador de Internet (IE)
- es decir, móvil
- ópera
- Ópera Móvil
- Safari (WebKit)
- Safari para móvil
ejemplo
Discutiremos la propiedad border-right-style a continuación, explorando ejemplos de cómo usarla en CSS.
Veamos un ejemplo de configuración de un borde derecho sólido.
div { border-right-style: solid; }En este ejemplo de estilo de borde derecho CSS, diseñamos el borde derecho con un color sólido.
A continuación, establezcamos nuestro estilo de borde derecho y el color del borde derecho.
div { border-right-style: dashed; border-right-color: blue; }En este ejemplo de estilo de borde derecho, configuramos el estilo de borde derecho en una línea discontinua azul.