Propriété raccourci de fond CSS
Propriété sténographie arrière
C'est une propriété scoris qui peut prendre plusieurs valeurs simultanées. Il s'agit d'une méthode du sténographie pour les propriétés suivantes:
- Répétition du fond
- image de fond
- Attachement des antécédents
- taille de l'arrière-plan
- Couleur de l'arrière plan
- position de fond
- originalité
- fléau de l'arrière-plan
La propriété d'arrière-plan est représentée par "arrière-plan". Vous pouvez combiner l'une des propriétés susmentionnées dans le arrière-plan Raccourcir la propriété en fonction de vos besoins.
Syntaxe
La propriété de sténographie arrière suit la syntaxe suivante:
Contexte: Background-Color Background-Image Background-Repeat;À partir de la syntaxe ci-dessus, on peut observer que le arrière-plan La propriété raccourci prend plusieurs propriétés séparées par l'espace. La propriété d'arrière-plan suit un ordre spécifique pour spécifier les propriétés multiples.
Ici, avant de sauter sur les propriétés de fond. Par conséquent, nous considérerons certaines des principales propriétés de fond ainsi que des exemples.
Couleur de l'arrière plan
Une propriété qui détermine la couleur d'arrière-plan d'un élément.
Exemple
Cet exemple définira la couleur bleu clair comme couleur d'arrière-plan de l'élément corporel:
Image de fond
Bienvenue à Linuxhint.com
La sortie du code ci-dessus sera comme ceci:
image de fond
La propriété d'image d'arrière-plan est utilisée pour implémenter des images uniques ou multiples en arrière-plan d'un élément.
Exemple
Ce code pré-donné ajoutera une image en utilisant le image de fond propriété:
Image de fond
Bienvenue à Linuxhint.com
Nous obtiendrons la sortie suivante:
Répétition du fond
Propriété de répétition d'arrière-plan Activer ou désactiver la répétition pour l'image d'arrière-plan. Par défaut, l'image s'est répétée dans les deux directions I.e. horizontal Vertical. Cependant, en utilisant une propriété de répétition d'arrière-plan, nous pouvons définir la rediffusion en fonction de notre besoin E.g. répéter-y pour la répétition verticale, répéter-X pour la répétition horizontale, ou sans répétition pour éviter la répétition.
Exemple
Dans l'exemple précédent, nous n'avons pas spécifié la propriété de répétition d'arrière-plan, donc l'image répétée en horizontale et verticalement. Cependant, le code donné ci-dessous utilise la valeur sans répétition pour désactiver la répétition:
Image de fond
Bienvenue à Linuxhint.com
Maintenant, cette fois, l'image d'arrière-plan n'apparaîtra qu'une seule fois comme indiqué dans la sortie suivante:
position de fond
La propriété de position d'arrière-plan détermine la position de l'image d'arrière-plan comme la gauche, le haut, la droite, le bas, etc.
Exemple
L'exemple ci-dessous définira l'image d'arrière-plan sur le centre de la page:
Image de fond
Bienvenue à Linuxhint.com
Le code ci-dessus produira la sortie suivante:
De même, il existe d'autres propriétés qui peuvent être utilisées pour l'arrière-plan telles que:
- L'attachement d'arrière-plan spécifie que l'image sera fixée pour toute la page ou peut faire défiler
- La taille de l'arrière-plan est utilisée pour définir la taille de l'image d'arrière-plan
- L'origine arrière détermine l'origine de l'image de fond
Ordonnance de propriété sténographie des antécédents
Tout en travaillant avec une propriété de sténographie arrière, nous devons définir les propriétés dans un ordre spécifique comme indiqué ci-dessous:
- Nous devons d'abord écrire la couleur de l'arrière-plan
- Ensuite, la deuxième valeur est pour l'image d'arrière-plan
- La troisième valeur est spécifiée pour la répétition d'arrière-plan
- L'attachement d'arrière-plan vient après la répétition de l'arrière-plan
- Ensuite, la valeur de la position d'arrière-plan est écrite
Nous pouvons ignorer n'importe quelle propriété en fonction du scénario, mais nous devons écrire les autres propriétés dans le bon ordre.
Exemple
Dans l'exemple précédent (position de fond), nous avons utilisé trois propriétés différentes. Nous écrivons chaque propriété séparément, ce qui est un processus pris en temps. Cependant, ces propriétés peuvent être regroupées dans une propriété comme indiqué ci-dessous:
Image de fond
Bienvenue à Linuxhint.com
Dans le code donné ci-dessus, nous écrivons trois propriétés: image arrière-image, répétition d'arrière-plan et position d'arrière-plan dans la propriété de fond raccourci. Il montrera la sortie suivante:
Conclusion
La propriété raccourci d'arrière-plan nous permet de définir les multiples propriétés d'arrière-plan dans une seule propriété simultanément. Les propriétés scolaristes d'arrière-plan suivent un ordre spécifique pour définir les multiples propriétés dans la propriété d'arrière-plan. Dans cet article, nous avons appris quelle est une propriété de raccourci de fond, quelles propriétés peuvent être utilisées dans le arrière-plan propriété. Par la suite, cet article détermine un ordre spécifique pour les propriétés.