CSS: propiedad border-right-width

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.

(Visited 30 times, 1 visits today)