Margin-block-end - CSS-triki | Almanah CSS 2025

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

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

Končnica rob v smeri bloka določajo ih elementov writing-mode, directionin text-orientation. Torej, pri uporabi margin-block-endv vodoravnem kontekstu od leve proti desni deluje tako, kot margin-bottomda je začetni rob elementa dno njegovega elementa.

Če pa spremenimo v writing-moderecimo navpično, se element zasuka, tako da se končni rob postavi v desno. Posledično se margin-block-endobnaša tako kot margin-right. 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-block-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-end sprejme eno dolžino ali vrednost ključne besede.

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