Atributo border-inline-start-width de CSS

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

Definición y uso

border-inline-start-width El ancho del borde en el punto de inicio del elemento de configuración de propiedad en la dirección horizontal.

Nota：Para que border-inline-start-width La propiedad debe activarse, debe configurarse border-inline-start-style 属性。

propiedades de CSS border-inline-start-width propiedades están relacionadas con border-bottom-width、border-left-width、border-right-width y border-top-width Las propiedades son muy similares, pero border-inline-start-width El atributo depende de la dirección en línea.

Nota：propiedades CSS relacionadas writing-mode、text-orientation y direction Define la dirección en línea. Esto afecta la posición de inicio y final de la línea, así como border-inline-start-width El resultado del atributo. 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

Configurar el ancho del borde en el principio de la dirección en línea：

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

Pruebe usted mismo

Ejemplo 2: Combinación con el atributo writing-mode

La posición del borde en el principio de la dirección en línea está afectada por writing-mode Afectación del atributo：

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

Pruebe usted mismo

Ejemplo 3: Combinación con el atributo direction

La posición del borde en el principio y el final de la dirección en línea está afectada por direction Afectación del atributo：

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

Pruebe usted mismo

Sintaxis de CSS

border-inline-start-width: medium|fino|grueso|longitud|initial|inherit;

Valor del atributo

Valor	Descripción
medium	Especifica un borde mediano. Valor predeterminado.
fino	Especifica un borde fino.
grueso	Especifica un borde grueso.
longitud	Le permite definir el grosor del borde. Vea：Unidades de CSS。
initial	Establezca este atributo en su valor predeterminado. Vea： initial。
inherit	Hereda este atributo de su elemento padre. Vea： inherit。

Detalles técnicos

Valor predeterminado：	medium
Herencia：	No
Creación de animaciones：	Admite. Consulte：Atributos relacionados con la animación。
Versión：	CSS3
Sintaxis de JavaScript：	object.style.borderInlineStartWidth="10px"