CSS border-block-width ominaisuus

Edellinen sivu border-block-style
Seuraava sivu border-bottom

Määrittely ja käyttö

border-block-width Propertyn asettama elementin reunan leveys lohkossa.

Huomaa:Jotta: border-block-width Propertyn voimassaolo edellyttää: border-block-style.

border-block-width Propertyn arvoa voidaan asettaa eri tavoin:

Jos border-block-width Propertytilla on kaksi arvoa:

border-block-width: 10px 50px;

Blokki- alku- loppusijainnin reunan leveys on 10px
Blokki- loppusijainnin reunan leveys on 50px

Jos border-block-width Ominaisuudella on yksi arvo:

border-block-width: 10px;

Blokki- alku- ja loppusijainnin reunan leveys on molemmilla puoleilla 10px

CSS border-block-width ominaisuudet ovat samanlaisia CSS-ominaisuuksien border-bottom-width,border-left-width,border-right-width ja border-top-width Erittäin samanlainen, mutta border-block-width Ominaisuus riippuu blokki- suunnasta.

Huomaa:liittyviin CSS- ominaisuuksiin writing-mode Määrittää blokki- suunnan. Tämä vaikuttaa blokin alku- ja loppusijaintiin sekä border-block-width Ominaisuuden vaikutus. Englanninkielisillä sivuilla, rivi- suunta on vasemmalta oikealle, blokki- suunta on alas.

Esimerkki

Esimerkki 1

Aseta reunan leveys blokki- suunnassa:

#example1 {
  border-block-style: solid;
  border-block-width: 10px;
}
#example2 {
  border-block-style: solid;
  border-block-width: thin thick;
}

Kokeile itse

Esimerkki 2: writing-mode-ominaisuuden yhdistäminen

Reunuksen alku- ja loppusijainti vaikuttaa writing-mode Ominaisuuden vaikutus:

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

Kokeile itse

CSS-kieli

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

Ominaisuusarvo

Arvo	Kuvaus
medium	Määrittää keskikokoisen reunan. Oletusarvo.
thin	Määrittää ohuen reunan.
thick	Määrittää paksun reunan.
length	Mahdollistaa reunan paksuuden määrittämisen. Katso:CSS yksiköt.
initial	Asettaa tämän ominaisuuden oletusarvoon. Katso: initial.
inherit	Perii tämän ominaisuuden isältään. Katso: inherit.