CSS margin-inline-end ominaisuus

Edellinen sivu margin-inline
Seuraava sivu margin-inline-start

Valinnainen kurssi

ja Kurssiesimerkki:

Määritelmä ja käyttö margin-inline Huomioitavaa: margin-right Ominaisuudet määrittelevät suorituskyvyn suunnan loppunäkyvyyden. CSS:nmargin-topOminaisuudet ovat samanlaisia kuinmargin-topmargin-bottom Huomioitavaa: , margin-left margin-inline Huomioitavaa: margin-right Ominaisuus on erittäin samanlainen, mutta

margin-blockOminaisuus riippuu lohkovaiheesta ja suorituskykyvaiheesta. Esimerkki 2 Huomioitavaa: direction liittyvät CSS ominaisuudet ja Määrittelee suorituskyvyn suunnan. Tämä vaikuttaa elementin alkuperäiseen ja loppusijaintiin sekä

margin-inline-end

Ominaisuuden tulostus. English pagesilla, lohkovaihe on alas, suorituskyky suunta on vasemmalta oikealle.

Esimerkki

div {
  Esimerkki 1
}

Kokeile itse

Aseta suorituskyvyn loppunäkyvyys: margin-inline-end: 35px;

Kun <div> elementin Esimerkki 2 writing-mode

div {
  margin-inline-end: 50px;
  Kun 'vertical-rl' arvo asetetaan ominaisuudelle, suorituskyky suunta on alas. Tämä tarkoittaa, että elementin loppu siirtyy oikeasta alaspäin:
}

Kokeile itse

Esimerkki 3

Kun <div> elementin direction Kun 'rtl' arvo asetetaan ominaisuudelle, suorituskyky suunta on oikealta vasemmalle. Tämä tarkoittaa, että elementin loppu siirtyy oikeasta vasemmalle:

div {
  margin-inline-end: 50px;
  direction: rtl;
}

Kokeile itse

CSS kieli

margin-inline-end: auto|length|initial|inherit;

Ominaisuusarvo

Arvo	Kuvaus
auto	Oletusarvo. Elementin margin-inline-end oletusarvo.
length	Määritä margin-inline-end px, pt, cm jne. yksiköillä. Sallitaan negatiiviset arvot. Katso:CSS yksiköt.
%	Määritä margin-inline-end yhden suorituskykyä määrittävän suurennoksen prosenttina isäntävälinen suuruus.
initial	Aseta tämä ominaisuus sen oletusarvon arvoon. Katso: initial.
inherit	Perii tämän ominaisuuden isältään. Katso: inherit.