Mfano wa CSS margin-block-start

Mwakilika wa ushindani wa nyuma margin-block-end
Mwakilika wa ushindani margin-bottom

Mefano na matumizi

margin-block-start Tabia inae katika uwanja wa kina wa kina wa kwanza.

CSS margin-block na margin-inline Tabia zinaonekana kwa CSS: margin-top,margin-bottom,margin-left na margin-right Tabia zingine zinaongea kwa hivyo, lakini margin-block na margin-inline Tabia hizi inadhibitiwa na uwanja wa kina na uwanja wa kuelekea.

Tahadhari:Tabia za CSS zingine writing-mode Inae katika uwanja wa kina. Hii inaathiriwa na nafasi ya kina wa kina na nafasi ya kina wa kina na chaguo cha tabia ya margin-block-start. Kwa ukoo wa Kiamerika, uwanja wa kina inae kuelekea hadi chini, uwanja wa kuelekea inae kutoka kushoto hadi kulia.

Mfano

Mfano 1

Kuzingatia muda wa kuelekea wa kina wa kina wa kwanza:

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

Kutembelea kwa mafunzo

Mfano 2

Kama ukoo wa <div> inae katika: writing-mode Kama chaguo cha tabia hii inae katika vertical-rl, uwanja wa kina wa kina inaendelea kutoka kushoto hadi kulia. Hivyo, muundo wa writing-mode pia inaathiriwa na kwa sababu hiyo, nafasi ya kina wa kina inae kusikitika kutoka juu hadi kushoto. Kwa sababu ya hii, muundo wa writing-mode inaathiriwa kama wakati huo. margin-block-start Maelezo ya muundo:

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

Kutembelea kwa mafunzo

Inayotumika Kiingereza:

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

Chaguo cha tabia

Chaguo	Maelezo
auto	Chaguo cha kuzingatia kwa kuzingatia muda wa kuelekea wa upekee wa kina.
length	Kuzingatia muda wa kuelekea, inae katika ufupi wa px, pt, cm na sababu. Inafaa kuangalia:CSS 单位.
%	Kuzingatia muda wa kuelekea kwa nafasi katika ukoo wa kuelekea wa kuelekea. Inae katika ufupi wa ubunifu wa kuelekea.
initial	Kuwa na tabia hii ikizingatia chaguo cha kuzingatia kwa tabia hii. Angalia: initial.
inherit	Kuwa na tabia hii ikishika kwa kutumia tabia ya kina kutoka kwa ukoo binafsi. Angalia: inherit.

Mafunzo ya teknoledzi

Chaguo cha kuzingatia:	auto
Uwanja wa kumuwinda:	Hapana
Utzingatia hali ya huzuni:	Inafaa kuangalia:Tabia za hali ya huzuni.
Tohamika:	CSS3
Inayotumika Kiingereza:	object.style.marginBlockStart="100px"

Uwakilishaji wa programu ya kufungua tovuti

Jifuni ya uainishaji wa tabia hii inae katika msingi wa programu ya kufungua tovuti ambayo inafaa kusakinisha tabia hii kwa sababu ya uwanja wa kwanza.