CSS border-block-start-width ominaisuus

Edellinen sivu border-block-start-style
Seuraava sivu border-block-style

Määrittely ja käyttö

border-block-start-width Ominaisuus asettaa elementin reunan leveys lohkon suunnan aloituspaikassa.

Huomioitavaa:Aseta border-block-start-width Ominaisuus vaikuttaa, kun border-block-start-style Ominaisuudet.

CSS border-block-start-width Ominaisuudet vastaavat CSS ominaisuuksia border-bottom-width,border-left-width,border-right-width ja border-top-width Erittäin samanlaiset, mutta border-block-start-width Ominaisuus riippuu lohkon suunnasta.

Huomioitavaa:liittyviin CSS ominaisuuksiin writing-mode Määrittää lohkon suunnan. Tämä vaikuttaa lohkon aloitus- ja loppupisteisiin sekä border-block-start-width Ominaisuuden vaikutus. Englanninkielisillä sivuilla, inline-ohjaus suunta on vasemmalta oikealle, lohko-ohjaus on alas.

Esimerkki

Esimerkki 1

Aseta lohkon suunnan aloituspaikan reunan leveys:

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

Kokeile itse!

Esimerkki 2: Yhdistettynä writing-mode ominaisuuteen

Lohkon suunnan aloituspaikka reunan leveys vaikuttaa writing-mode Ominaisuuden vaikutus:

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

Kokeile itse!

CSS syntaksi

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

Ominaisuusarvo

Arvo	Kuvaus
medium	Määritä keskipaksu reunaväli. Oletusarvo.
thin	Määritä ohut reunaväli.
thick	Määritä paksu reunaväli.
length	Mahdollistaa reunan paksuuden määrittämisen. Lisäksi katso:CSS yksiköt.
initial	Aseta tämä ominaisuus sen oletusarvon arvoksi. Katso: initial.
inherit	Periisi tästä ominaisuudesta vanhemmalta elementiltä. Katso: inherit.

Tekninen yksityiskohta

Oletusarvo:	medium
Perintä:	Ei
Animaation luominen:	Tuki. Katso:Animaatiotunnukset.
Versio:	CSS3
JavaScript syntaksi:	object.style.borderBlockStartWidth="10px"