Atributo border-block-start-width CSS

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

Definición y uso

border-block-start-width propiedad establezca el ancho del borde en el inicio de la dirección del bloque del elemento.

Nota:Para que border-block-start-width La propiedad se aplica, debe establecerse border-block-start-style propiedades.

CSS border-block-start-width propiedades y las propiedades CSS border-bottom-width,border-left-width,border-right-width y border-top-width Muy similar, pero border-block-start-width La propiedad depende de la dirección del bloque.

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

Ejemplo

Ejemplo 1

Configurar el ancho del borde en el inicio de la dirección del bloque:

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

Pruebe usted mismo

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

La posición del borde en el inicio de la dirección del bloque se ve afectada por writing-mode Efecto de la propiedad:

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

Pruebe usted mismo

Sintaxis de CSS

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

Valor de la propiedad

Valor	Descripción
medium	Especifica un borde de anchura media. Valor predeterminado.
fino	Especifica un borde fino.
grueso	Especifica un borde grueso.
longitud	Le permite definir el grosor del borde. Véase también:Unidades CSS.
initial	Establece esta propiedad en su valor predeterminado. Consulte initial.
inherit	Hereda esta propiedad de su elemento padre. Consulte inherit.

Detalles técnicos

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