Atribut inline-size CSS

Halaman sebelumnya initial-letter
Halaman berikutnya inset

Definisi dan Penggunaan

inline-size Atribut menentukan ukuran elemen di arah dalam.

Perhatian:Atribut CSS yang relevan 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.

Atribut CSS inline-size dan block-size Atribut dengan CSS width dan height Atribut yang hampir sama, tetapi inline-size dan block-size Atribut ini bergantung 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 atribut diatur menjadi vertical-rl saat, arah dalam dari horisontal menjadi vertikal ke bawah, ini akan mempengaruhi inline-size Cara kerja atribut:

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

Coba Sendiri

Syntaks CSS

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

Nilai Atribut

Nilai	Deskripsi
auto	Nilai Default. Nilai default inline-size elemen.
length	Tentukan ukuran arah dalam dalam unit px, pt, cm, dll. Perbolehkan nilai negatif. Lihat:Satuan CSS.
%	Tentukan persentase ukuran untuk sumbu yang relevan terhadap induk elemen.
initial	Atur atribut ini ke nilai defaultnya. Lihat initial.
inherit	Mengambil atribut ini dari elemen induknya. Lihat inherit.

Detil Teknologi

Nilai Default:	auto
Inheritsi:	Tidak
Produksi animasi:	Dukung. Lihat:Atribut berhubungan dengan animasi.
Versi:	CSS3
Syntaks JavaScript:	object.style.inlineSize="250px"