CSS border-block-start-stil egenskab

Forrige side border-block-start-color
Næste side border-block-start-width

Definition og brug

border-block-start-style Egenskaben bruges til at indstille kantstilen for elementet i blokretningen.

CSS border-block-start-style egenskab og CSS-egenskab border-bottom-style、border-left-style、border-right-style og border-top-style Meget ligner, men border-block-start-style Egenskaben afhænger af pladeorienteringen.

Bemærk:relaterede CSS egenskaber writing-mode Definerer pladeorientering. Dette påvirker blokkens start- og slutposition samt border-block-start-style Egenskabsresultatet. For engelske sider, inline-orientering er fra venstre til højre, pladeorientering er nedad.

Eksempel

Eksempel 1

Indstil stil for pladeorienteringens startkant:

div {
  border-block-start-style: dotted;
}

Prøv det selv

Eksempel 2: Kombineret med writing-mode egenskab

Pladeorienteringens startkants kantstils placering påvirkes af writing-mode Egenskabsindflydelse:

div {
  writing-mode: vertical-rl;
  border-block-start-style: dotted;
}

Prøv det selv

CSS syntaks

border-block-start-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

Egenskabsværdi

Værdi	Beskrivelse
none	Standardværdi. Specificer ingen kanter.
hidden	Samme som "none", men adskiller sig i løsning af konflikt mellem kanter i tabel-elementer.
dotted	Specificer punktede kanter.
dashed	Specificer brudte kanter.
solid	Specificer enlig kanter.
double	Specificer dobbelte kanter.
groove	Specificer 3D gravede kanter. Effekten afhænger af værdien af border-color.
ridge	Specificer 3D bølgede kanter. Effekten afhænger af værdien af border-color.
inset	Specificer 3D indsatte kanter. Effekten afhænger af værdien af border-color.
outset	Specificer 3D udflettede kanter. Effekten afhænger af værdien af border-color.
initial	Sæt denne egenskab til dens standardværdi. Se: initial.
inherit	Arv denne egenskab fra sin forældrelement. Se: inherit.

Tekniske detaljer

Standardværdi:	none
Arv:	Nej
Animation fremstilling:	Ikke understøttet. Se:Animation relaterede egenskaber.
Version:	CSS3
JavaScript syntaks:	object.style.borderBlockStartStyle="dotted"