CSS border-block-end-width egenskap

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

Kursrekommendation:

Relaterade CSS egenskaper Definition och användning

Egenskapen är mycket lik, menegenskapen sätta elementet i kantlinjens bredd i blockriktningens ände. Relaterade CSS egenskaper För att göra border-block-end-style Egenskapen träder i kraft, måste sätta

egenskaper. Relaterade CSS egenskaper CSS egenskaperna jämfört med,border-bottom-width,border-left-width , border-right-width och Relaterade CSS egenskaper border-top-width

Egenskapen är mycket lik, menEgenskapen är beroende av blockriktningen. Exempel 2: Kombinera writing-mode egenskapen Observera: Relaterade CSS egenskaper Definierar blockriktningen. Detta påverkar blockets start- och slutposition samt

border-block-end-width

Egenskapens resultat. För engelska sidor, inline-riktningen är från vänster till höger, blockriktningen är neråt.

Exempel

writing-mode
  Påverkan av egenskapen:
  Exempel 1
writing-mode: vertical-rl;

border-block-end-width: 5px;

Ställ in kantlinjens bredd i blockriktningens ände:

border-block-end-width: 10px; Exempel 2: Kombinera writing-mode egenskapen Platsen för kantlinjens ände i blockriktningen påverkas av

writing-mode
  Påverkan av egenskapen:
  div {
  border-block-end-style: solid;
writing-mode: vertical-rl;

border-block-end-width: 5px;

}

Prova självlengthCSS-syntax

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

\|initial\|inherit;	Egenskapsvärde
medium	Värde
Beskrivning	Specificera medelbredd kantlinje. Standardvärde.
Specificera tunn kantlinje.	Specificera tjock kantlinje.
length	Låter dig definiera breddens tjocklek på kantlinjen. Se vidare:CSS enheter.
initial	Sätt denna egenskap till dess standardvärde. Se vidare: initial.
inherit	Följ från föräldrelementet för att arbeta med denna egenskap. Se vidare: inherit.

Tekniska detaljer

Standardvärde:	medium
Arvbarhet:	Nej
Animation tillverkning:	Stöd. Se vidare:Animation relaterade egenskaper.
Version:	CSS3
JavaScript-syntax:	object.style.borderBlockEndWidth="10px"