kurasa ya kinafuata

Mafanikio ya CSS ya Kifupi

CSS mafuta

word-wrap

zoom

Kiboxi ya CodeW3C.com

CSS margin-block-end jina

Uruhu wa nyuma margin-block
Pya zaidi margin-block-start

Chaguo cha Kuchaguliwa

margin-block-end Mambo ya Chaguo:

Definisi na Tukio margin-block na margin-inline Inasaidia kufikiria kina msingi wa jirani ya block kwenye hatua ya kushoto. Tabia za KiCSSmargin-bottommargin-topmargin-bottom, na margin-left margin-right margin-block na margin-inline Tabia hizi ni kuzingatia jirani ya block na jirani ya siku.

Tahadhari:Tabia za KiCSS writing-mode Inasaidia kufikiria jirani ya block. Hii inaathiri kina msingi na kina kushoto ya jirani ya block kwa tabia za KiCSS margin-block-end Inasaidia kufikiria matokeo ya tabia. Kwa sayari za Kiamerika, jirani ya block inaonesha kusini na jirani ya siku inaonesha kusini hadi kushoto.

Mifano

Mifano 1

Inasaidia kuzingatia kina msingi wa jirani ya block kwenye hatua ya kushoto:

div {
  margin-block-end: 35px;
}

Tafadhali, tafadhali tukutufe matokeo yako

Mifano 2

Kama <div> inaonesha: writing-mode Kama tabia ya vertical-rl inaonesha, jirani ya block inaonesha kusini na jirani ya siku inaonesha kusini hadi kushoto. Hivyo, mabadiliko ya writing-mode inaathiri hatua ya margin-block-end:

#parentDiv {
  writing-mode: vertical-rl;
}
#myDiv {
  margin-block-end: 50px;
}

Tafadhali, tafadhali tukutufe matokeo yako

Inayotumia KiCSS

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

Chaguo cha tabia

Chaguo	Maelezo
auto	Chaguo cha kuzingatia. Mifano ya maelezo ya kifungu.
length	Inasaidia kufikiria kiasi cha kuzingatia, inayotumiwa kama px, pt, cm na vita. Inaruhusiwa kiasi cha kuzingatia. Tazama:Mafanikio ya Kifupi cha Kifupi cha Kifupi cha Kifupi.
%	Inasaidia kufikiria kiasi cha kuzingatia kina msingi wa ukweli kwenye ujaribio wa siku.
initial	Inasaidia tabia hii kwa chaguo cha kuzingatia. Tazama: initial.
inherit	Inaingia tabia hii kutoka kwa ukweli wake. Tazama: inherit.

Mifano ya teknolojia

Chaguo cha kuzingatia:	auto
Uangalifu:	Hapana
Kumaliza uharibifu:	Inaonesha. Tazama:Tabia za uharibifu.
Toleo:	CSS3
Inayotumia KiJavaScript:	object.style.marginBlockEnd="20px"