Atributo border-block-start-style CSS

Página anterior Color del borde superior del bloque
Página siguiente Ancho de borde superior del bloque

Definición y uso

los atributos CSS relacionados La propiedad se utiliza para definir el estilo del borde en el extremo inicial de la dirección del bloque del elemento.

CSS los atributos CSS relacionados Atributo y propiedad de CSS border-bottom-style、border-left-style、border-left-style 、 border-right-style y los atributos CSS relacionados border-top-style

Muy similares, peroEl atributo depende de la dirección del bloque. Ejemplo 2: Combinación con el atributo writing-mode Advertencia： los atributos CSS relacionados Define la dirección del bloque. Esto afecta la posición de inicio y final del bloque, así como

border-block-start-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 del bloque es hacia abajo.

Ejemplo

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

border-block-start-style: dotted;

Ejemplo 1

Establezca el estilo del borde en el inicio de la dirección del bloque： Ejemplo 2: Combinación con el atributo writing-mode La posición del estilo del borde en el inicio de la dirección del bloque se ve afectada por

writing-mode
  Afectación del atributo：
  div {
writing-mode: vertical-rl;

border-block-start-style: dotted;

}

Pruebe usted mismo

Sintaxis de CSS

border-block-start-style: none\|hidden\|dotted\|dashed\|solid\|double\|groove\|ridge\|inset\|outset\|initial\|inherit;	Valor del atributo
none	Valor
Descripción	Valor predeterminado. Especifica que no hay borde.
hidden	Es igual que "none", pero difiere en la resolución de conflictos de bordes en elementos de tabla.
dashed	Especifica el borde de línea punteada.
solid	Especifica el borde de línea sólida.
double	Especifica el borde de línea doble.
groove	Especifica el borde en relieve 3D. El efecto depende del valor de border-color。
ridge	Especifica el borde ondulado 3D. El efecto depende del valor de border-color。
inset	Especifica el borde adentro 3D. El efecto depende del valor de border-color。
outset	Especifica el borde afuera 3D. El efecto depende del valor de border-color。
initial	Establece 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.borderBlockStartStyle="dotted"