Marža-inline-end - CSS-triki

margin-inline-endHotel v CSS določa količino prostora vzdolž zunanjega ki se je končalo robu elementa v smeri inline. Vključen je v specifikacijo CSS Logical Properties Level 1, ki je trenutno v delovnem osnutku.

.element ( margin-inline-end: 25%; writing-mode: vertical-lr; )

Končnica rob v smeri inline opredeljujejo ih elementov writing-mode, directionin text-orientation. Torej, pri uporabi margin-inline-endv vodoravnem kontekstu od leve proti desni deluje tako, kot margin-rightda je končni rob elementa desna stran.

Če pa spremenimo v writing-moderecimo navpično, se element zasuče v smeri urnega kazalca, tako da končni rob postavi proti dnu. Posledično se margin-inline-endobnaša tako kot margin-bottom. V bistvu je začetni rob glede na smer, v katero teče. To imamo v mislih, ko govorimo o "logičnih" lastnostih.

Sintaksa

margin-inline-end:

Nekako čudno je videti, kako se sintaksa ene lastnosti v dokumentaciji sklicuje na sintakso druge lastnosti CSS, toda res je to. V bistvu poskuša reči, da lastnost sprejema enake vrednosti, kot margin-topsledi tej sintaksi:

margin-top: | | auto;

Začetna vrednost: 0
Velja za: vse elemente, razen notranjih elementov tabele, ruby osnovnih vsebnikov in ruby zabeležk
Podedovano: ne
Odstotki: kot za ustrezno fizično lastnost
Izračunana vrednost: enako kot ustrezne margin-*lastnosti
Vrsta animacije: po izračunani vrednosti

Vrednote

margin-block-start sprejme eno dolžino ali vrednost ključne besede.

/* Length values */ margin-inline-end: 20px; margin-inline-end: 2rem; margin-inline-end: 25%; /* Keyword values */ margin-inline-end: auto; /* Global values */ margin-inline-end: inherit; margin-inline-end: initial; margin-inline-end: unset;