Sie befinden sich hier: » CSS Angaben » Größen » max-width

Maximalbreite :: max-width

Mit der Angabe "max-width" kann man die Maximalbreite eines Elementes beeinflussen. Dabei ist zu beachten, das dies nicht bei Inline-Elementen funktioniert. Bei prozentualen Angaben beziehen sich diese immer auf die Größe des Elternelementes.

<div style="border: solid 1px #c87137; max-width: 200px;">
   diese Box ist 200px breit
   <div style="border: solid 1px #c87137; max-width: 30%;">
      die innere Box hat eine Breite von 30% der äußeren Box,<br />
      sollte also dann 60px breit sein ;)
   </div>
</div>

so sieht es aus, wenn es von Ihrem aktuellen Browser unterstützt wird

diese Box ist maximal 200px breit
die innere Box hat maximal eine Breite von 30% der äußeren Box,
sollte also dann 60px breit sein ;)

... Definition

CSS Version CSS 1
Startwert auto
Vererbar nein
Anwendbar auf alle Elemente außer Inline-Elemente
Medium visual
mögliche Werte
Anmerkungen

Browserunterstützung von ...

Microsoft Internet Explorer Opera Netscape Mozilla Firefox Safari Konqueror Google Chrome
5+ 5-7 4 6+ 1+ 0.8+ 1+ 3.5+ 2
J J F J J J J J J
letzte Änderung: 13.07.2010