CSS border-block-width egenskap

Föregående sida border-block-style
Nästa sida border-bottom

Definition och användning

Relaterade CSS-egenskaper Ställ in bredden på ramen för elementets inställning i blockriktningen.

Mycket liknande, menFör att göra Relaterade CSS-egenskaper Egenskapen måste sättas för att vara i kraft: border-block-style.

Relaterade CSS-egenskaper Egenskapens värde kan ställas in på olika sätt:

Kantbredden vid början av blocket är 10px Relaterade CSS-egenskaper Egenskaper har två värden:

border-block-width: 10px 50px;

块开始处的边框宽度为 10px
border-block-width: 10px 50px;

Kantbredden vid början av blocket är 10px Relaterade CSS-egenskaper Kantbredden vid slutet av blocket är 50px

Ställ in bredd på kanterna i blockriktningen:

Egenskapen har ett värde: Relaterade CSS-egenskaper Kanterna vid början och slutet av blocken är båda 10px breda CSSborder-bottom-widthegenskaper är lika med CSS-egenskapenborder-bottom-widthborder-left-width och border-right-width och Relaterade CSS-egenskaper border-top-width

Mycket liknande, menEgenskapen är beroende av blockriktningen. Exempel 2: Kombinerad writing-mode-egenskap Observera: Relaterade CSS-egenskaper Definierar blockriktningen. Detta påverkar början och slutet av blocken samt

border-block-width

Egenskapens resultat. För engelska sidor, inre riktning är från vänster till höger, blockriktning är neråt.

Exempel

Exempel 1
  Egenskapspåverkan:
  Ställ in bredd på kanterna i blockriktningen:
writing-mode: vertical-rl;
#example1 {
  Egenskapspåverkan:
  border-block-width: 10px;
writing-mode: vertical-rl;

border-block-width: 5px;

#example2 {

border-block-width: tunn tjock; Exempel 2: Kombinerad writing-mode-egenskap Kanter på början och slutet av blockriktningen påverkas av

writing-mode
  Egenskapspåverkan:
  div {
  border-block-style: solid;
writing-mode: vertical-rl;

border-block-width: 5px;

}

Prova självlengthCSS-syntax

border-block-width: medium|thin|thick|

\|initial\|inherit;	Egenskapsvärde
medium	Värde
Beskrivning	Specificerar medelstora kanterna. Standardvärde.
Specificerar tunna kanterna.	Specificerar tjock kanterna.
length	Låter dig definiera breddens tjocklek på kanterna. Se:CSS enheter.
initial	Sätt denna egenskap till dess standardvärde. Se: initial.
inherit	Får denna egenskap att ärva från föräldrelementet. Se: inherit.

Tekniska detaljer

Standardvärde:	medium
Arvande:	Nej
Animeringsproduktion:	Stöd. Se:Animeringsrelaterade egenskaper.
Version:	CSS3
JavaScript-syntax:	object.style.borderBlockWidth="3px 10px"