La propriété CSS max-width permet de définir une largeur maximale aux éléments sur lesquels elle est appliquée.
#mon_identifiant{
max-width:50px;
}
Elle prend comme valeurs :
- numérique en pixel (px), pourcentage (%), en point(pt) ou en em.
- inherit, hérite de son parent.
Exemple :
CSS
p{
max-width:500px;
background-color:chocolate;
}
HTML
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce pulvinar dolor vel augue porta vestibulum. Aenean malesuada nibh eu erat elementum fringilla sed quis diam. Maecenas vel ante nisl. Morbi iaculis velit metus, nec elementum lorem. Nullam quis ultricies nunc. </p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce pulvinar dolor vel augue porta vestibulum. Aenean malesuada nibh eu erat elementum fringilla sed quis diam. Maecenas vel ante nisl. Morbi iaculis velit metus, nec elementum lorem. Nullam quis ultricies nunc.