CSS padding-block-end egenskap

Föregående sida padding-block
Nästa sida padding-block-start

Definition och användning

elementets padding-block-end betyder det utrymme som finns mellan elementets kant och innehållet vid slutet av blockriktningen.

CSS padding-block och padding-inline egenskaper är lika med CSS-egenskapen padding-top,padding-bottom,padding-left och padding-right mycket liknande, men padding-block och padding-inline Egenskapen beror på blockriktningen och inre riktningen.

Observera:relaterade CSS-egenskaper writing-mode Definierar blockriktningen. Detta påverkar blockets början och slutposition samt padding-block Resultatet av egenskapen. För engelska sidor är blockriktningen nedåt och inre riktningen är från vänster till höger.

Exempel

Exempel 1

Ställ in inre marginal på slutet av blockriktningen:

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

Prova själv

Exempel 2

Sätt <div>-elementets writing-mode När egenskapsvärdet är satt till vertical-rl är blockriktningen från höger till vänster. Resultatet är att elementets slutposition flyttas från botten till vänster:

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

Prova själv

CSS-syntax

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

Egenskapsvärde

Värde	Beskrivning
auto	Standard. Standardvärdet för padding-block-end för elementet.
length	Specificera padding-block-end i enheter som px, pt, cm osv. Negativa värden är inte tillåtna. Se:CSS units.
%	Specificera padding-block-end som en procentandel av storleken på föräldrelementet i raderad riktning.
initial	Sätt denna egenskap till dess standardvärde. Se: initial.
inherit	Inherritar denna egenskap från föräldrelementet. Se: inherit.