English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
max-La propriété width CSS spécifie la largeur maximale de la zone de contenu de l'élément. Cette largeur maximale ne comprend pas le rembourrage, la bordure ou la marge.-Veuillez consulterModèle de boîte CSS。
Le tableau suivant décrit l'utilisation et l'historique des versions de cette propriété, ainsi que la syntaxe d'utilisation de cette propriété dans les scripts JavaScript.
| Valeur par défaut : | none |
|---|---|
| Applicable à : | Tous les éléments, sauf les éléments intégrés non remplacés, les lignes de tableau et les groupes de lignes |
| Héritage : | Non |
| Animable : | Oui.Veuillez consulter Propriétés d'animation。 |
| Version : | CSS 2、3 |
| Syntaxe JavaScript : | object.style.maxWidth="200px" |
La syntaxe de cette propriété est la suivante :
max-width: length | percentage | none | initial | inherit
Les exemples suivants montrent comment utiliser max-propriété width.
p {
max-width: 400px;
}
div {
width: 300px;
max-width: 200px;
}Voyons voir‹/›Le tableau suivant décrit les valeurs de cette propriété.
| Valeur | Description |
|---|---|
| length | Largeur maximale spécifiée, en px, pt, cm, em, etc. Les valeurs négatives ne sont pas autorisées. |
| percentage | Largeur maximale, en pourcentage. Calculé par rapport à la largeur du conteneur de l'élément. Les valeurs en pourcentage négatives ne sont pas autorisées. |
| none | Pas de largeur maximale. C'est la valeur par défaut. |
| initial | Réinitialisez cette propriété à sa valeur par défaut. |
| inherit | Si spécifié, l'élément lié utilise le max de son élément parent-Valeur de la propriété width. |
max-La compatibilité du navigateur pour la propriété width. Les numéros dans le tableau suivant représentent la version minimale du navigateur prenant en charge cette propriété ; tous les navigateurs populaires prennent en charge cette propriété.
|
Veuillez consulter les tutoriels sur les sujets suivants :CSS Box modèle，CSS dimension。