CSS border-block-end-style egenskap

Definition och användning

relaterade CSS egenskaper egenskaper används för att ställa in ramstilen för elementets ände i blockriktningen.

CSS relaterade CSS egenskaper egenskaper och border-bottom-styleborder-left-styleborder-right-style och border-top-style 属性非常相似,但 relaterade CSS egenskaper 属性依赖于块方向。

Egenskapen är mycket lik, menEgenskapen är beroende av blockriktningen. Exempel 2: Kombinera writing-mode egenskapen Observera: relaterade CSS egenskaper Definierar blockriktningen. Detta påverkar start- och slutpositionen för blocken samt

border-block-end-style

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

Exempel

writing-mode
  Exempel 1
writing-mode: vertical-rl;

border-block-end-width: 5px;

Ställ in stil för kant vid änden av blockriktningen:

border-block-end-style: dotted; Exempel 2: Kombinera writing-mode egenskapen Positionen för kantstilen vid änden av 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älv

CSS-syntaks

border-block-end-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit; Egenskapsvärde
ingen Värde
Beskrivning Standardvärde. Specificera ingen kant.
hidden Liksom "ingen", men skiljer sig från i lösning av kantkonflikter för tabellelement.
dashed Specificera punktspets kant.
solid Specificera solid kant.
double Specificera dubbel kant.
groove

Specificera 3D grav kant.

Effekten beror på värdet av border-color.

ridge

Specificera 3D löpare kant.

Effekten beror på värdet av border-color.

inset

Specificera 3D inåt böjd kant.

Effekten beror på värdet av border-color.

outset

Specificera 3D utåt böjd kant.

Effekten beror på värdet av border-color.

initial Sätt denna egenskap till dess standardvärde. Se initial.
inherit Inheriterar denna egenskap från föräldrelementet. Se inherit.

Tekniska detaljer

Standardvärde: ingen
Arvbarhet: Nej
Animering: nr. Läs om animatable
Version: CSS3
JavaScript-syntaks: object.style.borderBlockEndStyle="dotted"

Webbläsarstöd

Talen i tabellen representerar den första webbläsarens version som helt stöder egenskapen.

Chrome Edge Firefox Safari Opera
69.0 79.0 41.0 12.1 56.0

Relaterade sidor

Manual:CSS kant

Referens:CSS border egenskap

Referens:CSS border-block egenskap

Referens:CSS border-block-style egenskap

Referens:CSS border-block-start-style egenskap

Referens:CSS border-bottom-style egenskap

Referens:CSS border-left-style egenskap

Referens:CSS border-right-style egenskap

Referens:CSS border-top-style egenskap

Referens:CSS writing-mode egenskap