Atribut inset-block-end CSS

Definisi dan penggunaan

inset-block-end properti untuk menentukan jarak ujung elemen di arah blok ke elemen induk.

Perhatian:Untuk membuat properti ini berfungsi, harus disesuaikan position properti

CSS inset-inline dan inset-block properti dengan CSS top,bottom,left dan right properti sangat mirip, tetapi inset-block dan inset-inline Properti ini tergantung dari arah blok dan arah baris.

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

Contoh

Contoh 1

Atur jarak elemen <div> yang telah disesuaikan di ujung blok ke elemen induk:

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

Coba sendiri

Contoh 2

Ketika elemen <div> writing-mode Ketika properti nilai diatur ke vertical-rl, arah blok adalah dari kanan ke kiri. Hasilnya, ujung elemen pindah dari bawah ke kiri:

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

Coba sendiri

Syntaks CSS

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

Nilai properti

Nilai Deskripsi
auto Nilai standar. Jarak pengisian standar elemen.
length Tentukan jarak dengan satuan px, pt, cm, dll. Perbolehkan nilai negatif. Lihat:Satuan CSS.
% Tentukan jarak persentase ukuran di sumbu yang relevan terhadap elemen induk.
initial Atur properti ini ke nilai standarnya. Lihat: initial.
inherit Mengambil properti ini dari elemen induknya. Lihat: inherit.

Detil teknis

Nilai standar: auto
Inheritsi: Tidak
Pembuatan animasi: Dukungan. Lihat:Properti berhubungan dengan animasi.
Versi: CSS3
Syntaks JavaScript: object.style.insetBlockEnd="100px"

Dukungan peramban

Angka di tabel menunjukkan versi peramban pertama yang sepenuhnya mendukung properti ini.

Chrome Edge Firefox Safari Opera
87.0 87.0 63.0 14.1 73.0

Halaman yang berhubungan

Panduan：Pemosisian CSS

Referensi：Atribut position CSS

Referensi：Properti writing-mode CSS