CSS inset-block-end egenskap

Kursrekommendation:

inset-block-end Definition och användning

Observera:egenskap för att sätta elementets avstånd till föräldrelementet i blockriktningen. För att detta attribut ska fungera måste du specificera position

CSS: inset-inline och inset-block egenskaper är lika med CSS: topp,botten,vänster och höger egenskaper är mycket lika, men inset-block och inset-inline Attributet är beroende av blockriktning och riktning.

Observera:relaterade CSS-egenskaper writing-mode Definierar blockriktningen. Detta påverkar blockets början och slut, samt inset-block-end Attributets resultat. För engelska sidor är blockriktningen neråt, och riktningen är från vänster till höger.

Exempel

Exempel 1

Ställ in det positionerade <div>-elementets avstånd till föräldrelementet i blockriktningen:

div {
  inset-block-end: 50px;
}

Prova själv

Exempel 2

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

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

Prova själv

CSS-syntax

inset-block-end: auto|length|initial|inherit;

Attributvärde

Tekniska detaljer

Webbläsarstöd

Tabellens nummer anger den första webbläsareversion som helt stöder egenskapen.

Relaterade sidor

Lärord:CSS-positionering

Referens:CSS position egenskap

Referens:CSS writing-mode egenskap