21.8. fejezet: CSS alapismeretek – Magasság és szélesség

Az adott elem dimenzióit adja meg.

width: szélesség

height: magasság (megadott mértékegység szerint).

Az alábbi példában 200 képpont magas, 50%szélességű púderkék téglalap látható:

div {
    height: 200px;
    width: 50%;
    background-color: powderblue;
}

 

max-width: legnagyobb szélesség beállítása (megadott mértékegység szerint).

max-height: legnagyobb magasság beállítása (megadott mértékegység szerint).

Példa:

div {
    max-width: 500px;
    height: 100px;
    background-color: powderblue;
}

min-width: legkisebb szélesség beállítása (megadott mértékegység szerint).

min-height: legkisebb magasság beállítása (megadott mértékegység szerint).

A fejezet leghitesebb forrása: https://www.w3schools.com/css/css_dimension.asp

 Folytatása következik!