CSS padding-block-end ominaisuus

Edellinen sivu padding-block
Seuraava sivu padding-block-start

Määrittely ja käyttö

elementin padding-block-end tarkoittaa tilaa elementin reunasta sisällön lohkon loppupäähän.

CSS padding-block ja padding-inline CSS-ominaisuuden Ominaisuudet ovat hyvin samanlaisia, muttapadding-bottompadding-toppadding-bottom, ja padding-left padding-right padding-block ja padding-inline Ominaisuus riippuu lohkon ja rivin suunnasta.

Huomioitavaa:liittyviin CSS-ominaisuuksiin writing-mode Määrittelee lohkon suunnan. Tämä vaikuttaa lohkon alkuperäiseen ja loppusijaintiin sekä padding-block Ominaisuuden tuloksen. English pagesillä lohkon suunta on alas, rivin suunta on vasemmalta oikealle.

Esimerkki

Esimerkki 1

Aseta sisätila lohkon loppupäässä:

p {
  padding-block-end: 35px;
}

Kokeile itse

Esimerkki 2

Aseta <div>-elementin writing-mode Kun ominaisuusarvo on vertical-rl, lohkon suunta on oikealta vasemmalle. Tulos on, että elementin lopputila siirtyy alhaalta vasemmalle:

div {
  writing-mode: vertical-rl;
  padding-block-end: 50px;
}

Kokeile itse

CSS-kieli

padding-block-end: auto|value|initial|inherit;

Ominaisuusarvo

Arvo	Kuvaus
auto	Oletus. Elementin oletus padding-block-end-arvo.
length	Määritä padding-block-end px, pt, cm jne. yksiköillä. Negatiivisia arvoja ei sallita. Katso:CSS yksiköt.
%	Määritä padding-block-end suhteessa isäntäelementin rivin suuntaiseen kohtaan prosentteina.
initial	Aseta tämä ominaisuus sen oletusarvon arvoon. Katso: initial.
inherit	Perii tämän ominaisuuden isältään. Katso: inherit.