CSS padding-block-start ominaisuus
- Edellinen sivu padding-block-end
- Seuraava sivu padding-bottom
Määrittely ja käyttö
Elementin padding-block-start
Viittaa sen lohkovirheen alkupäässä, jossa on tila reunasta sisältöön.
CSS padding-block
ja padding-inline
Ominaisuudet ovat samanlaisia CSS-ominaisuuksien kanssa padding-top
,padding-bottom
,padding-left
ja padding-right
on erittäin samanlainen, mutta padding-block
ja padding-inline
Ominaisuus riippuu lohkovirheestä ja rivivirheestä.
Huomioitavaa:Liittyvät CSS-ominaisuudet writing-mode
Määrittelee lohkovirheen. padding-block
Ominaisuuden tuloksen.
Esimerkki
Esimerkki 1
Aseta sisätila lohkovirheen alkupäässä:
p { padding-block-start: 35px; }
Esimerkki 2
Aseta <div>-elementin writing-mode Kun ominaisuusarvo asetetaan vertical-rl:hen, lohkovirhe on oikealta vasemmalle. Tulos on, että elementin alkuperäinen sijainti siirtyy oikealle:
div { writing-mode: vertical-rl; padding-block-start: 50px; }
CSS-kieli
padding-block-start: auto|value|initial|inherit;
Ominaisuusarvo
Arvo | Kuvaus |
---|---|
auto | Oletus. Elementin oletus padding-block-start-arvo. |
length |
Määritä padding-block-start px, pt, cm ym. yksiköinä. Negatiivisia arvoja ei sallita. Katso:CSS yksiköt. |
% | Määritä padding-block-start äidin elementin rivejä pituuden prosentteina. |
initial | Aseta tämä ominaisuus sen oletusarvoon. Katso: initial. |
inherit | Perii tämän ominaisuuden isältään. Katso: inherit. |
Tekninen yksityiskohta
Oletusarvo: | auto |
---|---|
Perintä: | Ei |
Animaatioiden luominen: | Tuki. Katso:Animaatiot. |
Versio: | CSS3 |
JavaScript-kieli: | object.style.paddingBlockStart="100px" |
Selaimen tuki
Taulukossa olevat numerot ilmaisevat ensimmäisen täysin tukevan selaimen version.
Chrome | Edge | Firefox | Safari | Ooppera |
---|---|---|---|---|
87.0 | 87.0 | 41.0 | 12.1 | 73.0 |
Aiheeseen liittyvät sivut
Viittaus:CSS padding-block ominaisuus
Viittaus:CSS padding-block-end ominaisuus
Viittaus:CSS padding-inline ominaisuus
Viittaus:CSS padding-bottom ominaisuus
Viittaus:CSS padding-left ominaisuus
Viittaus:CSS padding-right ominaisuus
Viittaus:CSS padding-top ominaisuus
Viittaus:CSS writing-mode ominaisuus
- Edellinen sivu padding-block-end
- Seuraava sivu padding-bottom