Properti margin-block-start CSS

Halaman sebelumnya margin-block-end
Halaman berikutnya margin-bottom

Definisi dan penggunaan

margin-block-start Atribut menentukan margin mulai arah blok.

CSS margin-block dan margin-inline Atribut dengan CSS margin-top,margin-bottom,margin-left dan margin-right Atribut yang hampir sama, tapi margin-block dan margin-inline Atribut ini tergantung pada arah blok dan arah baris.

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

Contoh

Contoh 1

Atur margin mulai blok direktori:

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

Coba sendiri

Contoh 2

Ketika elemen <div> writing-mode Ketika atribut nilai diatur ke vertical-rl, arah blok adalah dari kanan ke kiri. Hasilnya, posisi awal elemen pindah ke kanan. Jadi, perubahan writing-mode juga mempengaruhi margin-block-start efeknya:

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

Coba sendiri

Syntaks CSS

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

Nilai atribut

Nilai	Deskripsi
auto	Nilai standar. Jarak luar margen elemen.
length	Tentukan jarak, unitnya adalah px, pt, cm, dll. Diperbolehkan nilai negatif. Lihat:Unit CSS.
%	Tentukan jarak yang berdasarkan persentase 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
Inheritsi:	Tidak
Pembuatan animasi:	Didukung. Lihat:Atribut yang berhubungan dengan animasi.
Versi:	CSS3
Syntaks JavaScript:	object.style.marginBlockStart="100px"