Tematy: szerokość | szerokość minimalna | szerokość maksymalna
wysokość | wysokość minimalna | wysokość maksymalna
Dane w pigułce | |
Zastosowanie | określenie minimalnej wymaganej szerokości elementu |
Dziedziczenie | nie |
Wartości | wartość w jednostkach lub procentach |
Wartość domyślna | 0 |
Przykład | min-width: 50% |
Uwagi | wartość procentowa obliczana jest w stosunku do elementu nadrzędnego |
Odpowiednik w HTML | n.d. |
Aby zdefiniować minimalną wymaganą szerokość elementu blokowego, należy wpisać w definicji stylu min-width: wartość.
Polecenie ustala minimalną wymaganą szerokość dla elementu.
Przykład obrazka - wartość min-width jest tutaj większa od nominalnych rozmiarów grafiki.
<img src="kubus.jpg" width="263" height="236" alt="Kubuś" style="min-width: 350px; ">
Przykład tekstu - tytuł ma wartość min-width ustaloną na 600px, więc przy odpowiednim zmniejszeniu okna przeglądarki pojawi się poziomy pasek przewijania, gdyż zawinięcie tekstu jest możliwe dopiero po przekroczeniu 600 pikseli szerokości wyznaczonej przez definicję.
<h2 style="min-width: 600px; ">jakiś tekst sformatowany jako tytuł stopnia 2</h2>