Atributo border-inline-end-style do CSS

Página anterior border-inline-end-color
Próxima página border-inline-end-width

Definição e uso

e define o estilo da borda no extremo final da direção em linha do elemento.

propriedades CSS e A propriedade está relacionada a border-bottom-styleAtenção：border-left-styleAtenção：border-right-style 、 border-top-style As propriedades são muito semelhantes, mas e A propriedade depende da direção em linha.

注意：相关的 CSS 属性 Exemplo 2: Combinado com o atributo writing-modeAtenção：propriedades CSS 、 Exemplo 3: Combinado com o atributo direction propriedades CSS relacionadas a text-orientation e Define a direção inline. Isso afeta a posição inicial e final de uma linha, bem como

border-inline-end-style

Resultados da propriedade. Para páginas em inglês, a direção inline é de esquerda para direita, e a direção de bloco é para baixo.

Exemplo

direction
  div {
direction: rtl;

border-inline-end-style: dotted;

Exemplo 1

Para definir o estilo da borda final da direção inline： Exemplo 2: Combinado com o atributo writing-mode A posição da borda inicial e final da direção inline é afetada por

direction
  A posição da borda final da direção inline é afetada por
  div {
direction: rtl;

border-inline-end-style: dotted;

writing-mode

writing-mode: vertical-rl; Exemplo 3: Combinado com o atributo direction A posição da borda inicial e final da direção inline é afetada por

direction
  Atributo afetado：
  div {
direction: rtl;

border-inline-end-style: dotted;

}

Experimente você mesmo

Sintaxe do CSS

border-inline-end-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 no elemento tabela.
dashed	Especifique a borda pontilhada.
solid	Especifique a borda sólida.
double	Especifique a borda dupla.
groove	Especifique a borda enfiada 3D. O efeito depende do valor de border-color.
ridge	Especifique a borda elevada 3D. O efeito depende do valor de border-color.
inset	Especifique a borda encaixada 3D. O efeito depende do valor de border-color.
outset	Especifique a borda convexa 3D. O efeito depende do valor de border-color.
initial	Defina essa propriedade como seu valor padrão. Veja também initial。
inherit	Herda essa propriedade do elemento pai. Veja também inherit。

Detalhes técnicos

Valor padrão：	none
Herança：	Não
Produção de animação：	Não suportado. Veja também：Propriedades relacionadas a animação。
Versão：	CSS3
Sintaxe do JavaScript：	object.style.borderInlineEndStyle="dotted"