Min-width - Trik CSS

Anonim

The min-widthproperti di CSS digunakan untuk mengatur lebar minimum dari elemen tertentu. The min-widthproperti selalu menimpa widthproperti apakah diikuti sebelum atau setelah widthdalam deklarasi Anda. Penulis dapat menggunakan salah satu nilai panjang selama nilainya positif.

.wrapper ( width: 100%; min-width: 20em; /* Will be AT LEAST 20em wide */ )
Lihat Pena ini!

Berhati-hatilah saat mengasumsikan min-widthdiwarisi karena properti ini tidak mewarisi dari elemen induk lainnya. Jika penulis mendefinisikan lebar menggunakan nilai absolut (px, pt, in, cm, mm), min-width tidak akan berpengaruh karena lebar telah ditentukan tanpa batas. Misalnya, jika nilai 200px digunakan sebagai widthpanjang, min-widthnilai 100px Anda tidak akan diperlukan karena Anda telah menentukan nilai absolut untuk width(yaitu 200px). Cara terbaik untuk menggunakannya min-widthadalah dengan menentukan widthnilai sebagai persentase dan menggunakan nilai absolut untuk min-widthproperti, jika tidak, gunakan nilai persentase untuk keduanya min-widthdan widthtidak akan memberikan hasil yang diharapkan.

Dukungan browser

Chrome Safari Firefox Opera YAITU Android iOS
24+ 5.1+ 18+ 12.1+ 8+ 2.1+ 3.2+

Properti terkait

Almanak pada 15 Januari 2021

tinggi

.element ( height: 500px; ) Sara Cope