Īpašība min-width

Īpašība min-width nosaka elementa minimālo platumu. Īpašības vērtību var norādīt jebkuras mērvienības izmēriem vai arī atslēgvārdu none, kas nozīmē, ka vērtība nav noteikta.

Parasti tā tiek iestatīta elementam ar peldošu platumu (platums noteikts procentos vai vispār nav noteikts, un elementa platumu nosaka tā saturs). Ja elementa platums ir noteikts procentos - samazinot pārlūkprogrammas loga platumu, arī tas samazināsies, līdz sasniegs vērtību min-width.

Sintakse

selektors {
	max-width: vērtība;
}

Piemērs

Šajā piemērā platums ir procents no vecāka elementa platuma. Samaziniet pārlūkprogrammas loga platumu, un konteiners arī samazināsies, lai pielāgotos pārlūkprogrammas loga platumam. Tomēr tas samazināsies tikai līdz vērtībai, kas noteikta min-width, tas ir 400px. Kad konteiners sasniegs šo platumu - tas pārtrauks samazināties:

<div id="elem"></div>

#elem {
	width: 70%;
	min-width: 400px;
	height: 300px;
	border: 1px solid black;
}

Piemērs

Šajā piemērā konteinera platums ir ierobežots no abām pusēm: tas nevarēs kļūt lielāks par 900px un mazāks par 400px:

<div id="elem"></div>

#elem {
	width: 70%;
	min-width: 400px;
	max-width: 900px;
	height: 100px;
	border: 1px solid black;
}

Skatiet arī

īpašība max-width,
kas nosaka elementa maksimālo platumu
īpašība max-height,
kas nosaka elementa maksimālo augstumu
īpašība min-height,
kas nosaka elementa minimālo augstumu