Mataja ya margin-inline-end ya CSS

Mwakilishi wa kuondoka margin-inline
Mwakilishi wa kutangulia margin-inline-start

Inadefini na inayotumika

margin-inline-end Inadefini hatua ya kina msingi cha kina kina kulenga kwa hatua ya kina msingi cha kina kina kulenga.

Inadefini hatua ya kina msingi cha kina kina kulenga kwa hatua ya kina msingi cha kina kina kulenga. margin-inline na margin-block Inasababisha hatua ya kina msingi cha kina kina kulenga kwa kina msingi cha kina kina kulenga kwa hatua ya kina msingi cha kina kina kulenga. margin-top,margin-bottom,margin-left na margin-right Inaonekana kama hatua ya kina msingi cha kina kina kulenga inayotumika sana, lakini margin-inline na margin-block Inahusiana na hatua ya kina msingi cha kina kina kulenga na hatua ya kina msingi cha kina kina kulenga.

Kwama:masababu ya KiCSS Mada ya tamaduni ya 2 na direction Inadefini hatua ya kina msingi cha kina kina kulenga. Hii inaathiri kina msingi cha kina kina kulenga kwa nafasi ya kina msingi cha kina kina kulenga na kina msingi cha kina kina kulenga. margin-inline-end Hatua ya kina msingi cha kina kina kulenga inaendelea kutoka kusini, hatua ya kina msingi cha kina kina kulenga inaendelea kutoka kushoto hadi kulia kwa makala ya Kiingereza.

Matokeo

Mfano

Inasababisha hatua ya margin-inline-end kwa kina msingi cha kina kina kulenga kwa nafasi ya kina msingi cha kina kina kulenga.

div {
  Mada ya tamaduni ya 1
}

Inafikia kufanyia kwa mafanikio:

Inasababisha hatua ya margin-inline-end kwa kina msingi cha kina kina kulenga kwa nafasi ya kina msingi cha kina kina kulenga.

Kama <div> ina thamani ya Mada ya tamaduni ya 2 writing-mode

div {
  margin-inline-end: 50px;
  Kama thamani ya 'vertical-rl' inatumika, hatua ya kina msingi cha kina kina kulenga inaendelea kutoka juu hadi kusini. Matokeo ni kwamba kina msingi cha kina kina kulenga kinakubalia kutoka kushoto hadi kusini:
}

Inafikia kufanyia kwa mafanikio:

Mada ya tamaduni ya 3

Kama <div> ina thamani ya direction Kama thamani ya 'rtl' inatumika, hatua ya kina msingi cha kina kina kulenga inaendelea kutoka kulia hadi kusini. Matokeo ni kwamba kina msingi cha kina kina kulenga kinakubalia kutoka kushoto hadi kulia:

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

Inafikia kufanyia kwa mafanikio:

Inayohusiana na KiCSS:

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

Thamani ya kina msingi cha kina kina kulenga

Thamani	Maelezo
auto	Mwaindi:
length	Inasababisha hatua ya margin-inline-end kwa kina msingi cha kina kina kulenga kwa viwango vya px, pt, cm na vingine. Inaingiza thamani za nafasi. Inaingiza thamani za nafasi za kina msingi cha kina kina kulenga. Angalia:Majadiliano ya CSS.
%	Inasababisha hatua ya margin-inline-end kwa ukubwa wa kina msingi cha kina kina kulenga kwa nafasi ya mitaani ya mitaani.
initial	Inaingiza hatua hii kwa thamani yake ya kuzaliwa. Angalia: initial.
inherit	Inaingia katika kina msingi chake kina kina kulenga na hatua hii. Angalia: inherit.