CSS border-inline-end-width egenskap

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

Definition och användning

och Bordbredd för element i radinriktningens ände.

Observera:För att och egenskapen aktiveras, måste border-inline-end-style egenskaper.

CSS och egenskaper är relaterade till CSS-egenskaper border-bottom-width,border-left-width,border-right-width , border-top-width Mycket liknande, men och Egenskapen är beroende av inline-riktningen.

Observera:relaterade CSS-egenskaper Exempel 2: Kombinera writing-mode-egenskapen,relaterade CSS-egenskaper , Exempel 3: Kombinera direction-egenskapen relaterade CSS-egenskaper och Definierar inline-riktningen. Detta påverkar början och slutet av en rad, samt

border-inline-end-width

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

Exempel

direction
  Positionen för kantens slut i inline-riktningen påverkas av
  div {
direction: rtl;

border-inline-end-width: 10px;

Exempel 1

Ställ in bredd för kantens slut i inline-riktningen: Exempel 2: Kombinera writing-mode-egenskapen Positionen för kantens början och slut i inline-riktningen påverkas av

direction
  Positionen för kantens slut i inline-riktningen påverkas av
  writing-mode
  border-inline-end-style: solid;
direction: rtl;

border-inline-end-width: 10px;

writing-mode: vertical-rl;

border-inline-end-width: 5px; Exempel 3: Kombinera direction-egenskapen Positionen för kantens början och slut i inline-riktningen påverkas av

direction
  Egenskapsverkan:
  div {
direction: rtl;

border-inline-end-width: 10px;

}

Prova självlengthCSS-syntax

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

\|initial\|inherit;	Egenskapsvärde
medium	Värde
Beskrivning	Specificerar medelbredd. Standardvärde.
Specificerar tunn kant.	Specificerar tjock kant.
length	Låter dig definiera breddens tjocklek. Se:CSS enheter.
initial	Sätt denna egenskap till dess standardvärde. Se: initial.
inherit	Får denna egenskap från sina föräldrelement. Se: inherit.

Tekniska detaljer

Standardvärde:	medium
Arv:	Nej
Animationsskapande:	Stöd. Se:Animation relaterade egenskaper.
Version:	CSS3
JavaScript-syntax:	object.style.borderInlineEndWidth="10px"