CSS border-block-start-width egenskap

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

Definition och användning

border-block-start-width egenskapen att sätta elementets kanthöjd vid början av blockriktningen.

Observera:För att border-block-start-width egenskapen aktiveras, måste border-block-start-style egenskapen.

CSS border-block-start-width egenskaper är lika med CSS-egenskapen border-bottom-width,border-left-width,border-right-width och border-top-width Mycket liknande, men border-block-start-width Egenskapen är beroende av blockriktningen.

Observera:relaterade CSS-egenskaper writing-mode Definierar blockriktningen. Detta påverkar blockets början och slut, samt border-block-start-width Resultatet av egenskapen. För engelska sidor är inline-riktningen från vänster till höger, och blockriktningen är neråt.

Exempel

Exempel 1

Ställ in kanternas bredd vid början av blockriktningen:

div {
  border-block-start-style: solid;
  border-block-start-width: 10px;
}

Prova själv

Exempel 2: Kombinera writing-mode-egenskapen

Platsen för kanternas början i blockriktningen påverkas av writing-mode Påverkan av egenskapen:

div {
  border-block-start-style: solid;
  writing-mode: vertical-rl;
  border-block-start-width: 5px;
}

Prova själv

CSS-syntax

border-block-start-width: medium|thin|thick|length|initial|inherit;

Egenskapsvärde

Värde	Beskrivning
medium	Specificerar medelbredd kanter. Standardvärde.
thin	Specificerar tunna kanter.
thick	Specificerar tjocka kanter.
length	Låter dig definiera breddens tjocklek. Se också:CSS enheter.
initial	Sätt denna egenskap till dess standardvärde. Se också: initial.
inherit	Följ från föräldrelementet. Se också: inherit.

Tekniska detaljer

Standardvärde:	medium
Arvbarhet:	Nej
Animeringsproduktion:	Stöd. Se också:Animeringsrelaterade egenskaper.
Version:	CSS3
JavaScript-syntax:	object.style.borderBlockStartWidth="10px"