Atributo border-block-start-width do CSS

Página anterior border-block-start-style
Próxima página border-block-style

Definição e uso

border-block-start-width propriedade defina a largura da borda do início do bloco do elemento.

Atenção:Para que border-block-start-width A propriedade entra em vigor, é necessário definir border-block-start-style propriedades.

CSS border-block-start-width propriedades e propriedades CSS border-bottom-width,border-left-width,border-right-width e border-top-width Muito semelhante, mas border-block-start-width A propriedade depende da direção do bloco.

Atenção:propriedades CSS relacionadas writing-mode Define a direção do bloco. Isso afeta a posição de início e fim do bloco, bem como border-block-start-width O resultado da propriedade. Para páginas em inglês, a direção inline é de esquerda para direita, e a direção do bloco é para baixo.

Exemplo

Exemplo 1

Defina a largura da borda de início do bloco:

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

Experimente você mesmo

Exemplo 2: Combinando a propriedade writing-mode

A posição da largura da borda de início do bloco é afetada por writing-mode Impacto da propriedade:

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

Experimente você mesmo

Sintaxe do CSS

border-block-start-width: medium|thin|thick|length|initial|inherit;

Valor da propriedade

Valor	Descrição
medium	Especifica uma largura de borda média. Valor padrão.
thin	Especifica uma borda fina.
thick	Especifica uma borda grossa.
length	Permite que você defina a espessura da borda. Veja também:Unidades CSS.
initial	Defina essa propriedade como seu valor padrão. Veja initial.
inherit	Herda essa propriedade do elemento pai. Veja inherit.

Detalhes técnicos

Valor padrão:	medium
Herança:	Não
Produção de animação:	Suportado. Veja:Propriedades relacionadas a animação.
Versão:	CSS3
Sintaxe do JavaScript:	object.style.borderBlockStartWidth="10px"