Atribut margin-block-end CSS

Halaman sebelumnya margin-block
Halaman berikutnya margin-block-start

Definisi dan penggunaan

margin-block-end menentukan marjin akhir arah blok.

Atribut CSS margin-block dan margin-inline Atribut ini mirip dengan margin-top,margin-bottom,margin-left dan margin-right sama seperti margin-block dan margin-inline Atribut ini tergantung dari arah blok dan arah baris.

Perhatian:Atribut CSS yang berhubungan writing-mode Mendefinisikan arah blok. Ini akan mempengaruhi posisi awal dan akhir blok serta margin-block-end Hasil atribut. Untuk halaman berbahasa Inggris, arah blok adalah ke bawah, arah baris dari kiri ke kanan.

Contoh

Contoh 1

Atur marjin blok akhir:

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

Coba sendiri

Contoh 2

Ketika elemen <div> writing-mode Ketika atribut nilai diset ke vertical-rl, arah blok adalah dari kanan ke kiri. Hasilnya, posisi akhir elemen pindah dari bawah ke kiri. Oleh karena itu, perubahan writing-mode juga mempengaruhi efek margin-block-end:

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

Coba sendiri

Sintaksis CSS

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

Nilai atribut

Nilai	Deskripsi
auto	Nilai standar. Margen luar bawaan elemen.
length	Tentukan jarak, satuannya adalah px, pt, cm, dll. Memungkinkan nilai negatif. Lihat:Satuan CSS.
%	Tentukan jarak persentase relatif terhadap ukuran elemen induk di arah baris.
initial	Atur atribut ini ke nilai standarnya. Lihat: initial.
inherit	Mengambil atribut ini dari elemen induknya. Lihat: inherit.

Detil teknis

Nilai standar:	auto
Inheritance:	Tidak
Pembuatan animasi:	Dukungan. Lihat:Atribut yang berhubungan dengan animasi.
Versi:	CSS3
Sintaksis JavaScript:	object.style.marginBlockEnd="20px"