CSS border-block-end-width ominaisuus

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

Määrittely ja käyttö

border-block-end-width Ominaisuus asettaa elementin reunan leveys loppupäässä block- suunnassa.

Huomioitavaa:Ominaisuuden asettamiseksi border-block-end-width Ominaisuus tulee voimaan, kun border-block-end-style ominaisuuksien kanssa.

CSS border-block-end-width ominaisuudet ovat border-bottom-width,border-left-width,border-right-width ja border-top-width Ominaisuudet ovat hyvin samanlaisia, mutta border-block-end-width Ominaisuus riippuu block- suunnasta.

Huomioitavaa:liittyviin CSS ominaisuuksiin writing-mode Määrittää block- suunnan. Tämä vaikuttaa lohkon alkupisteeseen ja loppupisteeseen sekä border-block-end-width Ominaisuuden vaikutus. English pagesillä, inline- suunta on vasemmalta oikealle, ja block- suunta on alas.

Esimerkki

Esimerkki 1

Aseta rivin suunta loppupäässä olevan reunan leveys:

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

Kokeile itse

Esimerkki 2: Yhdistettynä writing-mode ominaisuuteen

Rivin suunta loppupäässä olevan reunan leveys sijoittuu writing-mode Ominaisuuden vaikutus:

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

Kokeile itse

CSS-kieli

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

Ominaisuuden arvo

Arvo	Kuvaus
medium	Määritä keskikokoinen reunus. Oletusarvo.
thin	Määritä ohut reunus.
thick	Määritä paksu reunus.
length	Mahdollistaa reunan paksuuden määrittämisen. Katso:CSS yksiköt.
initial	Aseta tämä ominaisuus sen oletusarvoon. Katso: initial.
inherit	Periisi isäntältä. Katso: inherit.