English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
CSS background-La taille de l'image de fond spécifiée par la propriété size.
Le tableau suivant résume l'utilisation et l'historique des versions de cette propriété.
| Valeur par défaut : | auto auto |
|---|---|
| Appliqué à : | Tous les éléments |
| Héritage : | non |
| Animable : | est.Veuillez consulter Propriétés d'animation。 |
| Version : | CSS3nouvelle fonction |
| Syntaxe JavaScript : | object object.style.backgroundSize="60px 80px" |
La syntaxe de cette propriété est la suivante :
background-size: longueur | pourcentage | auto | couvrir | contenir | initial | hériter
L'exemple suivant montre comment utiliser background-proprité size.
.box {
largeur: 250px;
height: 150px;
padding: 10px;
border: 6px tiret #333;
background: url("images/sky.jpg) non-repeat;
background-size: contain;
}Voyons un exemple‹/›Astuce :Le background-La propriété size est généralement utilisée pour créer des images d'arrière-plan à pleine taille, qui seront redimensionnées en fonction de la taille de la fenêtre de visualisation ou de witdh du navigateur.
Le tableau suivant décrit les valeurs de cette propriété.
| Valeur | Description |
|---|---|
| length | Définissez la largeur et la hauteur de l'image d'arrière-plan en longueur spécifiée. La première valeur définit la largeur, la deuxième valeur définit la hauteur. Si une seule valeur est spécifiée, la deuxième valeur est par défaut auto. Ne pas utiliser des valeurs négatives en longueur. |
| percentage | Définissez la largeur et la hauteur de l'image d'arrière-plan en pourcentage de la zone de positionnement d'arrière-plan. La première valeur définit la largeur, la deuxième valeur définit la hauteur. Si une seule valeur est spécifiée, la deuxième valeur est par défaut auto. Ne pas utiliser des valeurs négatives en pourcentage. |
| auto | Un auto pour une valeur de dimension pour redimensionner l'image en direction correspondante, en maintenant son proportion d'origine. Si les deux dimensions spécifient des valeurs, l'image d'arrière-plan contiendra ses propres largeur et hauteur, c'est le comportement par défaut. |
| cover | Redimensionnez l'image au minimum tout en conservant ses proportions d'origine (si applicable), pour qu'elle puisse couvrir complètement la zone de positionnement d'arrière-plan. |
| contain | Redimensionnez l'image tout en conservant ses proportions d'origine (si applicable), pour qu'elle puisse être étirée au maximum pour qu'elle puisse s'adapter à la zone de positionnement d'arrière-plan. |
| initial | Réinitialisez cette propriété à sa valeur par défaut. |
| inherit | Si spécifié, l'élément lié utilise le background de son élément parent-Valeur calculée de la propriété size. |
background-La compatibilité du navigateur de la propriété size, tous les navigateurs populaires supportent cette propriété.
|
Veuillez consulter les tutoriels suivants :CSS background，CSS3Arrière-plan。
Propriétés associées :background，background-attachment，background-color，background-image，background-clip，background-position，background-repeat，background-origin。