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 border-right-width
Este tutorial de CSS explica cómo usar una propiedad de CSS llamada ancho del borde derecho Con sintaxis y ejemplos.
describir
La propiedad CSS border-right-width define el ancho del borde derecho de un cuadro.
sintaxis
La sintaxis de la propiedad CSS border-right-width es:
border-right-width: value;parámetro o parámetro
valor
El ancho del borde derecho del cuadro. Puede ser uno de los siguientes:
| valor | describir |
|---|---|
| estable | valor fijo en px, em, … div { ancho del borde derecho: 5px; } |
| finamente | Ancho de borde delgado, puede ser 1px o 2px dependiendo del navegador div {borde-derecho-ancho:delgado;} |
| Moderar | Ancho de borde medio, puede ser de 3px o 4px dependiendo del navegador div { ancho del borde derecho: medio; } |
| Grueso | Ancho de borde grueso, puede ser 5px o 6px según el navegador div {borde-derecho-ancho: grueso;} |
notas
- Asegúrese de establecer la propiedad border-right-style para garantizar que aparezca un borde derecho.
- Consulte también las propiedades border-right-color, border-right-style y border-right.
Compatibilidad del navegador
La propiedad CSS border-right-width 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-width a continuación, explorando ejemplos de cómo usarla en CSS.
Veamos un ejemplo de configuración del borde derecho a un ancho fijo.
div { border-right-width: 0.2em; border-right-style: solid; }En este ejemplo de estilo de borde derecho de CSS, establecemos el ancho del borde derecho en 0,2 em. Asegúrese de aplicar el estilo de borde derecho para que aparezca el borde.
A continuación, intentemos establecer el ancho de nuestro borde derecho usando una de las palabras clave de ancho (delgado, medio, grueso).
div { border-right-width: medium; border-right-style: solid; }En este ejemplo de estilo de borde derecho, establecemos el borde derecho en la línea central.