CSS właściwość max-width

Definicja i użycie

max-width definiuje maksymalną szerokość elementu.

Wyjaśnienie

Wartość atrybutu ustala maksymalny limit szerokości elementu. Dlatego element może być węższy niż określona wartość, ale nie szerszy. Nie można określić ujemnej wartości.

Zobacz również:

Kurs CSSRozmiary CSS

Podręcznik CSSCSS właściwość min-width

Podręcznik HTML DOMAtrybut maxWidth

Przykład

Ustaw maksymalną szerokość akapitu:

p
  {
  max-width:100px;
  }

Spróbuj sam

Gramatyka CSS

max-width: brak|length|initial|dziedziczona;

Wartość atrybutu

Wartość Opis
brak Domyślnie. Definiuje brak ograniczeń maksymalnej szerokości elementu.
length Definiuje maksymalną szerokość elementu.
% Definiuje procentową maksymalną szerokość obiektu blokowego, który go zawiera.
dziedziczona Definiuje, że wartość max-width powinna być dziedziczona od elementu nadrzędnego.

Szczegóły techniczne

Domyślna wartość: brak
Inheredność: nie
Wersja: CSS2
Gramatyka JavaScript: object.style.maxWidth="50px"

Próbka TIY

Ustawianie maksymalnej szerokości elementu za pomocą wartości pikselowej
Ten przykład pokazuje, jak ustawić maksymalną wysokość elementu za pomocą wartości pikselowej.
Ustawianie maksymalnej szerokości elementu za pomocą procentowej wartości
Ten przykład pokazuje, jak ustawić maksymalną wysokość elementu za pomocą procentowej wartości.

Wsparcie przeglądarki

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.

Chrome IE / Edge Firefox Safari Opera
1.0 7.0 1.0 1.0 7.0