Atributo border-inline-start-style de CSS

la página anterior border-inline-start-color
Página siguiente border-inline-start-width

Definición y uso

border-inline-start-style Configura el estilo del borde en el punto de inicio de la dirección en línea del elemento.

Atributos de CSS border-inline-start-style El atributo es similar a border-bottom-style、border-left-style、border-right-style y border-top-style Los atributos son muy similares, pero border-inline-start-style El atributo depende de la dirección en línea.

Atención:Atributos CSS relacionados writing-mode、text-orientation y direction Define la dirección del flujo en línea. Esto afecta la posición de inicio y final de una línea, así como border-inline-start-style El resultado del atributo. Para las páginas en inglés, la dirección del flujo en línea es de izquierda a derecha, y la dirección del bloque es hacia abajo.

Ejemplo

Ejemplo 1

Establezca el estilo del borde de inicio del flujo en línea:

div {
  border-inline-start-style: dotted;
}

Pruebe usted mismo

Ejemplo 2: Combinación con el atributo writing-mode

La posición del borde de inicio del flujo en línea está determinada por writing-mode El impacto del atributo:

div {
  writing-mode: vertical-rl;
  border-inline-start-style: dotted;
}

Pruebe usted mismo

Ejemplo 3: Combinación con el atributo direction

La posición del borde de inicio y final del flujo en línea está determinada por direction El impacto del atributo:

div {
  direction: rtl;
  border-inline-start-style: dotted;
}

Pruebe usted mismo

Sintaxis de CSS

border-inline-start-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

Valor del atributo

Valor	Descripción
none	Valor predeterminado. Especifique sin borde.
hidden	Es igual a none, pero es diferente en la resolución de conflictos de bordes en elementos de tabla.
dotted	Especifique el borde con puntos.
dashed	Especifique el borde punteado.
solid	Especifique el borde sólido.
double	Especifique el borde doble.
groove	Especifique el borde abajado 3D. El efecto depende del valor de border-color.
rigde	Especifique el borde levantado 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. Ver: initial.
inherit	Hereda este atributo de su elemento padre. Ver: 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.borderInlineStartStyle="dotted"