Atribut padding-block-start CSS

Halaman sebelumnya padding-block-end
Halaman berikutnya padding-bottom

Definisi dan penggunaan

elemen padding-block-start Merupakan ruang dari garis border ke konten di awal arah blok.

CSS padding-block dan padding-inline Atribut sama seperti atribut 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 Mendefinisikan 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 adalah dari kiri ke kanan.

Contoh

Contoh 1

Atur jarak internal di awal arah blok:

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

Coba sendiri

Contoh 2

Atur <div> elemen writing-mode Ketika atribut diatur menjadi vertical-rl, arah blok adalah dari kanan ke kiri. Hasilnya, posisi awal elemen pindah ke kanan:

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

Coba sendiri

Sintaksis CSS

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

Nilai atribut

Nilai	Deskripsi
auto	Standar. Nilai standar padding-block-start dari elemen.
length	Dengan satuan px, pt, cm, dll untuk menentukan padding-block-start. Tidak diizinkan nilai negatif. Lihat:Unit CSS.
%	Dengan persentase ukuran padding-block-start berdasarkan 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
Produksi animasi:	Didukung. Lihat:Atribut berhubungan dengan animasi.
Versi:	CSS3
Sintaksis JavaScript:	object.style.paddingBlockStart="100px"