Properti inset-block-start CSS

Definisi dan penggunaan

inset-block-start Atribut untuk menentukan jarak awal elemen di arah blok dengan elemen induk.

Perhatian:Untuk membuat atribut ini berfungsi, harus disetel position Atribut.

Atribut CSS inset-inline dan Atribut inset-block Atribut ini sama seperti CSS atas,bawah,kiri dan kanan sama seperti, namun Atribut inset-block dan inset-inline Atribut ini tergantung pada arah blok dan arah baris.

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

Contoh

Contoh 1

Atur jarak awal elemen <div> yang sudah terletak di arah blok dengan elemen induk:

div {
  inset-block-start: 50px;
}

Coba sendiri

Contoh 2

Ketika elemen <div> writing-mode Ketika atribut vertical-rl disetel, arah blok adalah dari kanan ke kiri. Hasilnya ujung awal elemen bergerak ke kanan:

div {
  inset-block-start: 50px;
  writing-mode: vertical-rl;
}

Coba sendiri

Syntaks CSS

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

Nilai atribut

Detil teknis

Dukungan browser

Angka di tabel menunjukkan versi browser pertama yang mendukung atribut ini.

Halaman yang berhubungan

Panduan：Pemosisian CSS

Referensi：Atribut position CSS

Referensi：Atribut writing-mode CSS