Atribut inline-size CSS

Halaman sebelumnya initial-letter
Halaman berikutnya inset

Definisi dan penggunaan

inline-size Properti menentukan ukuran elemen dalam arah dalam.

Perhatian:Properti CSS yang berhubungan writing-mode Mendefinisikan arah dalam, ini akan mempengaruhi inline-size Hasil. Untuk halaman berbahasa Inggris, arah dalam dari kiri ke kanan, sementara arah blok ke bawah.

Properti CSS inline-size dan block-size Properti dengan CSS width dan height Properti sangat mirip, tetapi inline-size dan block-size Properti ini tergantung pada arah dalam dan arah blok.

Contoh

Contoh 1

Atur ukuran elemen <div> dalam arah dalam:

div {
  inline-size: 200px;
}

Coba sendiri

Contoh 2

ketika elemen <div> writing-mode Nilai properti disetel menjadi vertical-rl saat, arah dalam dari horizontal menjadi vertikal ke bawah, ini akan mempengaruhi inline-size Cara kerja properti:

div {
  inline-size: 250px;
  writing-mode: vertical-rl;
}

Coba sendiri

Teks CSS

inline-size: auto|length|initial|inherit;

Nilai properti

Nilai	Deskripsi
auto	Nilai baku. Nilai baku inline-size elemen.
length	Tentukan ukuran arah dalam ke dalam, dengan satuan seperti px, pt, cm, dll. Perbolehkan nilai negatif. Lihat:Satuan CSS.
%	Tentukan persentase ukuran terhadap sumbu yang relevan dari elemen induk.
initial	Atur properti ini ke nilai baku. Lihat initial.
inherit	Mengambil properti ini dari elemen induknya. Lihat inherit.

Detil teknologi

Nilai baku:	auto
Keretnan:	Tidak
Pembuatan animasi:	Dukung. Lihat:Properti berhubungan dengan animasi.
Versi:	CSS3
Teks JavaScript:	object.style.inlineSize="250px"