Atributo CSS border-inline-end-width

Página anterior border-inline-end-style
Página siguiente border-inline-start

Definición y uso

border-inline-end-width El ancho del borde en el extremo final de la dirección horizontal del elemento de configuración de atributo.

Nota:Para que border-inline-end-width Para que la propiedad funcione, debe establecer border-inline-end-style propiedades.

CSS border-inline-end-width Las propiedades son equivalentes a las propiedades border-bottom-width,border-left-width,border-right-width y border-top-width Muy similares, pero border-inline-end-width La propiedad depende de la dirección en línea.

Nota:propiedades CSS writing-mode,las propiedades CSS relacionadas y direction Define la dirección en línea. Esto afecta la posición de inicio y final de una línea, así como border-inline-end-width El resultado de las propiedades. Para las páginas en inglés, la dirección en línea es de izquierda a derecha, y la dirección de bloque es hacia abajo.

Ejemplo

Ejemplo 1

Establecer el ancho del borde en el extremo final de la dirección en línea:

div {
  border-inline-end-style: solid;
  border-inline-end-width: 10px;
}

Pruebe usted mismo

Ejemplo 2: Combinación con la propiedad writing-mode

La posición del borde en el extremo final de la dirección en línea está afectada por writing-mode Afecta a las propiedades:

div {
  border-inline-end-style: solid;
  writing-mode: vertical-rl;
  border-inline-end-width: 5px;
}

Pruebe usted mismo

Ejemplo 3: Combinación con la propiedad direction

La posición del borde en el extremo inicial y final de la dirección en línea está afectada por direction Afecta a las propiedades:

div {
  direction: rtl;
  border-inline-end-width: 10px;
}

Pruebe usted mismo

Sintaxis de CSS

border-inline-end-width: medium|thin|thick|length|initial|inherit;

Valor del atributo

Valor	Descripción
medium	Especifica un borde medio. Valor predeterminado.
thin	Especifica un borde fino.
thick	Especifica un borde grueso.
length	Permite definir el grosor del borde. Ver:Unidades CSS.
initial	Establece este atributo en su valor predeterminado. Ver: initial.
inherit	Hereda este atributo de su elemento padre. Ver: inherit.

Detalles técnicos

Valor predeterminado:	medium
Herencia:	No
Producción de animación:	Admite. Consulte:Atributos relacionados con la animación.
Versión:	CSS3
Sintaxis de JavaScript:	object.style.borderInlineEndWidth="10px"