Atributo CSS border-block-start-style

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

Definição e uso

propriedades CSS relacionadas A propriedade é usada para definir o estilo da borda inferior do elemento no início da direção do bloco.

CSS propriedades CSS relacionadas Atributo e propriedade do CSS border-bottom-style、border-left-style、border-left-style 、 border-right-style e propriedades CSS relacionadas border-top-style

Muito semelhante, masA propriedade depende da direção do bloco. Exemplo 2: Combinando propriedade writing-mode Atenção: propriedades CSS relacionadas Define a direção do bloco. Isso afeta a posição de início e fim do bloco e

border-block-start-style

Resultados 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

writing-mode
  div {
writing-mode: vertical-rl;

border-block-start-style: dotted;

Exemplo 1

Defina o estilo da borda no início da direção do bloco: Exemplo 2: Combinando propriedade writing-mode A posição do estilo da borda no início da direção do bloco é afetada por

writing-mode
  Atributo afetado:
  div {
writing-mode: vertical-rl;

border-block-start-style: dotted;

}

Experimente você mesmo

Sintaxe do CSS

border-block-start-style: none\|hidden\|dotted\|dashed\|solid\|double\|groove\|ridge\|inset\|outset\|initial\|inherit;	Valor da propriedade
none	Valor
Descrição	Valor padrão. Especifique borda nenhuma.
hidden	Igual a "none", mas diferente no resolução de conflitos de borda em elementos de tabela.
dashed	Especifique borda pontilhada.
solid	Especifique borda sólida.
double	Especifique borda dupla.
groove	Especifique borda sulcada 3D. O efeito depende do valor de border-color.
ridge	Especifique borda ondulada 3D. O efeito depende do valor de border-color.
inset	Especifique borda encaixada 3D. O efeito depende do valor de border-color.
outset	Especifique borda convexa 3D. O efeito depende do valor de border-color.
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:	none
Herança:	Não
Produção de animação:	Não suportado. Veja:Propriedades relacionadas a animação.
Versão:	CSS3
Sintaxe do JavaScript:	object.style.borderBlockStartStyle="dotted"