Atributo border-inline-end-style CSS

Página anterior Color de borde exterior inline
Página siguiente Ancho de borde exterior inline

Definición y uso

y establece el estilo del borde en el extremo final de la dirección en línea del elemento.

CSS y El atributo está relacionado con border-bottom-styleNotas:border-left-styleNotas:border-right-style 、 border-top-style Los atributos son muy similares, pero y El atributo depende de la dirección en línea.

注意：Atención： Ejemplo 2: Combinación con el atributo writing-modeNotas:propiedades CSS 、 Ejemplo 3: Combinación con el atributo direction propiedades CSS relacionadas con text-orientation y Define la dirección en línea. Esto afecta la posición inicial y final de una línea, así como

border-inline-end-style

Resultados 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

direction
  div {
direction: rtl;

border-inline-end-style: dotted;

Ejemplo 1

Establezca el estilo del borde final de la dirección en línea： Ejemplo 2: Combinación con el atributo writing-mode La posición del borde inicial y final de la dirección en línea está afectada por

direction
  La posición del borde final de la dirección en línea está afectada por
  div {
direction: rtl;

border-inline-end-style: dotted;

writing-mode

writing-mode: vertical-rl; Ejemplo 3: Combinación con el atributo direction La posición del borde inicial y final de la dirección en línea está afectada por

direction
  Afectación del atributo：
  div {
direction: rtl;

border-inline-end-style: dotted;

}

Pruebe usted mismo

Sintaxis de CSS

border-inline-end-style: none\|hidden\|dotted\|dashed\|solid\|double\|groove\|ridge\|inset\|outset\|initial\|inherit;	Valor del atributo
none	Valor
Descripción	Valor predeterminado. Especifique bordes sin borde.
hidden	Igual que none, pero es diferente en la resolución de conflictos de bordes en elementos de tabla.
dashed	Especifique el borde de línea punteada.
solid	Especifique el borde de línea sólida.
double	Especifique el borde de línea doble.
groove	Especifique el borde encajado 3D. El efecto depende del valor de border-color.
ridge	Especifique el borde elevado 3D. El efecto depende del valor de border-color.
inset	Especifique el borde adentro 3D. El efecto depende del valor de border-color.
outset	Especifique el borde afuera 3D. El efecto depende del valor de border-color.
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：	none
Herencia：	No
Producción de animación：	No se admite. Consulte：Atributos relacionados con la animación。
Versión：	CSS3
Sintaxis de JavaScript：	object.style.borderInlineEndStyle="dotted"