Atributo border-block-style CSS

Página anterior Ancho de borde bloque inicial
Página siguiente Ancho de borde bloque

definición y uso

propiedades CSS relacionadas la propiedad configura el estilo de borde del elemento en la dirección del bloque.

propiedades CSS relacionadas el valor de la propiedad se puede configurar de diferentes maneras:

si propiedades CSS relacionadas la propiedad tiene dos valores:

border-block-style: solid;

el estilo de borde en el inicio del bloque es línea discontinua
el estilo de borde en el final del bloque es línea punteada

si propiedades CSS relacionadas la propiedad tiene un valor:

border-block-style: discontinuas;

los estilos de borde en el inicio y el final del bloque son líneas discontinuas

CSS propiedades CSS relacionadas propiedades de borde y propiedades CSS border-bottom-style、border-left-style、border-right-style y border-top-style 非常相似，但 propiedades CSS relacionadas 属性依赖于块方向。

Muy similar, peroEl atributo depende de la dirección de bloque. Ejemplo 2: Combinación con el atributo writing-mode Nota: propiedades CSS relacionadas Define la dirección de bloque. Esto afecta la posición de inicio y final del bloque, así como

border-block-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

Ejemplo 1
  Establezca el estilo de borde en la dirección de bloque:
writing-mode: vertical-rl;
#example1 {
  border-block-style: solid;
writing-mode: vertical-rl;

border-block-style: dotted;

#example2 {

border-block-style: dashed dotted; Ejemplo 2: Combinación con el atributo writing-mode La posición del estilo de borde en el inicio y final de la dirección de bloque se ve afectada por

writing-mode
  Efecto del atributo:
  div {
writing-mode: vertical-rl;

border-block-style: dotted;

}

Pruebe usted mismo

Sintaxis de CSS

border-block-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	Es igual a none, excepto en la resolución de conflictos de bordes del elemento de tabla.
dashed	Especifique el borde punteado.
solid	Especifique el borde sólido.
double	Especifique el borde doble.
groove	Especifique el borde en valle 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 esta propiedad en su valor predeterminado. Vea initial.
inherit	Hereda esta propiedad del elemento padre. Vea inherit.

Detalles técnicos

Valor predeterminado:	none
Herencia:	No
Creación de animaciones:	No se admite. Consulte:Propiedades relacionadas con la animación.
Versión:	CSS3
Sintaxis de JavaScript:	object.style.borderBlockStyle="dotted"