Maison  >  Article  >  interface Web  >  Quels sont les attributs des images CSS ?

Quels sont les attributs des images CSS ?

藏色散人
藏色散人original
2020-12-08 09:43:287487parcourir

Les attributs d'image CSS incluent : 1. attribut background ; 2. attribut background-position ; 3. attribut background-position ; 5. attribut background-origin ;

Quels sont les attributs des images CSS ?

L'environnement d'exploitation de cet article : système Windows10, CSS3, ordinateur Thinkpad T480.

Recommandé : "Tutoriel vidéo CSS"

En CSS, l'arrière-plan d'un élément occupe toute la taille de l'élément, y compris le remplissage et les bordures, mais pas l'extérieur distance des bords.

Par défaut, l'image d'arrière-plan est placée dans le coin supérieur gauche de l'élément et se répète horizontalement et verticalement.

Quels sont les attributs des images d'arrière-plan CSS ?

background : L'attribut d'abréviation d'arrière-plan peut définir tous les attributs d'arrière-plan dans une seule instruction.

background-position : Spécifiez la position de l'image d'arrière-plan.

L'image d'arrière-plan initiale (image originale) est placée en fonction de la valeur de l'attribut background-position.

background-size : Spécifiez la taille de l'image d'arrière-plan

background-repeat : spécifiez comment répéter l'image d'arrière-plan

Selon la valeur de l'attribut background-repeat , l'image peut être mosaïque à l'infini le long d'un axe (axe des x ou axe des y), ou ne pas être mosaïque du tout.

background-origin : Spécifiez la zone de positionnement de l'image d'arrière-plan

background-clip : Spécifiez la zone de peinture de l'image d'arrière-plan

background-attachment : Définissez si l'image d'arrière-plan est fixe ou suit le reste de la page défile.

background-image : Spécifiez une ou plusieurs images d'arrière-plan à utiliser

Remarque : Veuillez définir une couleur d'arrière-plan disponible afin que si l'image d'arrière-plan n'est pas disponible, la page sera toujours disponible Bon visuel effets.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn