Atribut padding-block-end CSS

Halaman sebelumnya padding-block
Halaman berikutnya padding-block-start

Definisi dan penggunaan

elemen padding-block-end merupakan ruang antara batas elemen dan konten di akhir arah blok.

CSS padding-block dan padding-inline Atribut dengan atribut CSS padding-top,padding-bottom,padding-left dan padding-right sama seperti, tetapi padding-block dan padding-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 padding-block Hasil atribut. Untuk halaman berbahasa Inggris, arah blok adalah ke bawah, arah baris dari kiri ke kanan.

Contoh

Contoh 1

Atur jarak internal di akhir arah blok:

p {
  padding-block-end: 35px;
}

Coba sendiri

Contoh 2

Atur <div> elemen writing-mode Atribut diatur ke vertical-rl, arah blok adalah dari kanan ke kiri. Hasilnya posisi akhir elemen pindah dari bawah ke kiri:

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

Coba sendiri

Syntaks CSS

padding-block-end: auto|value|initial|inherit;

Nilai atribut

Nilai	Deskripsi
auto	Default. Nilai default padding-block-end dari elemen.
length	Dengan satuan px, pt, cm, dll. Tidak diizinkan nilai negatif. Lihat:Satuan CSS.
%	Dengan persentase ukuran elemen induk dalam arah baris.
initial	Atur atribut ini ke nilai default. Lihat initial.
inherit	Mengambil atribut ini dari elemen induknya. Lihat inherit.

Detil teknis

Nilai default:	auto
Inheritance:	Tidak
Produksi animasi:	Didukung. Lihat:Atribut yang berhubungan dengan animasi.
Versi:	CSS3
Syntaks JavaScript:	object.style.paddingBlockEnd="100px"