Min-width-ominaisuus

Ominaisuus min-width asettaa elementin minimileveyden. Ominaisuuden arvona voidaan käyttää mitä tahansa koko-yksikköä tai avainsanaa none, joka tarkoittaa, että arvoa ei ole asetettu.

Yleensä asetetaan elementille, jonka leveys on liukuva (leveys on annettu prosentteina tai sitä ei ole annettu ollenkaan, ja elementin leveys venyy sen sisällön mukaan). Jos elementin leveys on annettu prosentteina - selaimen ikkunaa pienennettäessä leveys pienenee, kunnes se saavuttaa arvon min-width.

Syntaksi

valitsija {
	max-width: arvo;
}

Esimerkki

Tässä esimerkissä leveys on prosenttiosuus vanhemman leveydestä. Pienennä selainikkunan leveyttä, jolloin säiliö myös pienenee mukautuakseen selainikkunan leveyteen. Se kuitenkin pienenee vain min-width-ominaisuudessa määritettyyn arvoon asti, joka on 400px. Kun säiliö saavuttaa tämän leveyden, se lakkaa pienenemästä:

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

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

Esimerkki

Tässä esimerkissä säiliön leveyttä rajoitetaan molemmilta puolilta: se ei voi tulla suuremmaksi kuin 900px eikä pienemmäksi kuin 400px:

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

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

Katso myös

ominaisuus max-width,
joka asettaa elementin maksimileveyden
ominaisuus max-height,
joka asettaa elementin maksimikorkeuden
ominaisuus min-height,
joka asettaa elementin minimikorkeuden