Características border-right-width en CSS

La propiedad border-right-width en CSS establece el ancho del marco derecho del elemento.

Funciones del border-right-width css

Valor inicial	`medium`
Aplicado a	Todos los artículos.
Heredable	No
Móvil	Sí
Valor calculado	Longitud absoluta, o 0 si la propiedad se establece `border-right-style` en `none` o `hidden`.

/* palabras clave */ 
border-right-width: thin;
border-right-width: medium;
border-right-width: thick;
/*  longitudes */ 
border-right-width: 14em;
border-right-width: 5vmax;
border-right-width: 5px;
/* valores globales */ 
border-right-width: inherit;
border-right-width: initial;
border-right-width: unset;

Ejemplos y aplicaciones de código

En el siguiente ejemplo, estableceremos un marco en el lado derecho de los elementos

cuyo color ( border-right-color) es azul, ancho ( border-right-width) es igual 5px y forma ( border-right-style) con puntos.

Código HTML:

< div > Este elemento tiene un marco en su borde derecho

Código CSS:

div {
  border-right-style: dotted;
  border-right-width: 5px;
  border-right-color: blue;
  padding: 0.5em;
}

Soporte de navegadores

Característica	Chrome	Firefox	IE	Ópera	Safari
Soporte básico	1.0	1.0	4.0	3,5	1.0

Características generales

Este valor define el ancho del marco, ya sea una longitud no negativa o una palabra reservada. Se pueden utilizar las siguientes palabras reservadas:

`thin`	marco delgado
`medium`	marco mediano
`thick`	marco grueso

Nota: Debido a que la especificación no especifica cuál es el valor exacto asociado con cada palabra reservada, el resultado puede variar según el navegador, pero no obstante, estos valores seguirán la relación thin ≤ medium ≤ thick y los valores serán consistentes entre sí en el documento.

Estructura del border-right-width css

border-right-width: ;

dónde:

 =  | thin | medium | thick

Vea también

La página de propiedades establecida por la propiedad de acceso directo border-right: border-right-color y border-right-style.
La página de propiedades establecido por la propiedad de acceso directo border: border-width, border-style y border-color.
Configure una imagen para el marco usando la función border-image.
La propiedad color que establece el color del elemento y el valor del color .