Le CSS "arrière-plan»La propriété est utilisée pour contrôler l'arrière-plan d'un élément déclaré. En même temps, il existe diverses propriétés qui composent l'arrière-plan, notamment «Couleur de l'arrière plan","image de fond","taille de l'arrière-plan", et beaucoup plus. L'arrière-plan couvre la taille totale de l'élément, y compris la bordure et le rembourrage, mais exclut la marge. Cela rend le texte si visible et facile à lire pour l'utilisateur. De plus, la «couleur arrière» détermine la couleur à l'arrière de l'élément défini ou des données.

Ce message expliquera ce qui suit:

• Quelle est la propriété CSS «arrière-plan»?
• Quelle est la différence entre «arrière-plan: aucun» vs «arrière-plan: transparent»?

Quelle est la propriété CSS «arrière-plan»?

Le "arrière-plan»La propriété est une propriété scolare dans CSS utilisée pour définir l'arrière-plan de tout élément sous la forme d'une image, d'un paragraphe ou de tout type d'élément dans le document HTML. Il y a des propriétés d'arrière-plan qui sont composées de huit autres propriétés:

• "image de fond"Est utilisé pour définir une ou plusieurs images à l'arrière de l'élément. Une image d'arrière-plan apparaît par défaut dans le coin supérieur gauche d'une page HTML.
• Le "Répétition du fond»L'attribut spécifie si l'image d'arrière-plan sera répétée ou non. Une image d'arrière-plan est répétitive à la fois horizontalement et verticalement par défaut.
• "Attachement des antécédents»Détermine si une image d'arrière-plan de défilement doit être conservée sur la page HTML ou des pages de conteneurs supplémentaires.
• "position de fond”Est ​​utilisé pour définir la position de l'élément.
• "taille de l'arrière-plan”Est ​​utilisé pour allouer la taille de l'image d'arrière-plan.
• Le "fléau de l'arrière-plan»L'attribut spécifie la quantité d'arrière-plan d'un élément couvert par une image ou une couleur.
• "Couleur de l'arrière plan"Est utilisé pour allouer la couleur à l'arrière de l'élément.
• "originalité»Décrit l'emplacement de l'origine de la zone de positionnement d'arrière-plan dans une image d'arrière-plan.

Quelle est la différence entre «arrière-plan: aucun» vs «arrière-plan: transparent»?

Il n'y a pas de différence entre eux. Si vous ne spécifiez pas de valeur pour une demi-douzaine de propriétés pour lesquelles l'arrière-plan est un raccourci, il est défini sur sa valeur par défaut, y compris «aucun" et "transparent".

Exemple 1: Utilisation de «Background: Aucun» dans CSS

Pour définir le «Contexte: aucun”Propriété dans CSS, d'abord, ajoutez des données dans le document HTML, puis accédez à l'élément dans CSS et appliquez-le.

Pour une implication pratique, essayez les instructions données.

Étape 1: ajouter des données en ruban

Dans le but d'ajouter une rubrique dans la page HTML, utilisez la balise d'en-tête de "

" pour "

". Dans ce scénario, nous avons «H1"Pour le premier titre,"h2«Pour le deuxième titre, et«h3"Pour la troisième rubrique. En outre, intégrer les données à l'intérieur du texte pour le titre:

Site Web de tutoriel LinuxHint

L'arrière-plan comme aucun

Le fond est vert

Sortir

Étape 2: Définissez la propriété «Background: Aucun»

Ensuite, accédez à l'en-tête en utilisant le «h2”Tag et appliquez les propriétés ci-dessous:

H2
Couleur: Tomate;
Color d'arrière-plan: aucun;

Ici:

• "couleur»La propriété est utilisée pour régler la couleur du texte.
• "Couleur de l'arrière plan»Spécifie la couleur à l'arrière de l'élément. Pour ce faire, ici, la valeur de cette propriété est définie comme «aucun"Sans aucune couleur à l'arrière.

On peut remarquer que la propriété de couleur définit la couleur du texte. Cependant, il n'y a pas de couleur à l'arrière de l'élément:

Étape 3: Définissez l'arrière-plan comme couleur particulière

Ensuite, accédez à l'autre ruban à l'aide du nom de cap "h3»Et appliquez les mêmes propriétés aux différentes valeurs:

H3
Couleur blanche;
Color en arrière-plan: vert;

Pour ce faire, nous appliquerons le «couleur«Propriété avec la valeur comme«blanc" et le "Couleur de l'arrière plan»Propriété définie comme«vert»:

Exemple 2: Utilisation de «fond: transparent» dans CSS

Pour définir l'arrière-plan: transparent dans CSS, utilisez le code HTML ci-dessus, puis appliquez le «Couleur de l'arrière plan" comme "transparent".

Étape 1: Définissez «Color d'arrière-plan: transparent»

Accéder au "h2«En-tête et appliquez les propriétés d'extraits données:

H2
Couleur: RVB (10, 250, 70);
Color en arrière-plan: transparent

Pour ce faire, dans l'extrait ci-dessus:

• La valeur du «couleur«La propriété est définie comme«RVB (10, 250, 70)".
• "Couleur de l'arrière plan"Est défini comme"transparent".

Étape 2: Réglez une couleur particulière à l'arrière

Accédez à l'en-tête et appliquez les mêmes propriétés avec différentes valeurs:

H3
Couleur blanche;
Color en arrière-plan: RVB (236, 169, 91);

Note: Il n'y a pas de différence entre «fond: aucun» et «fond: transparent» dans CSS.

Conclusion

Il n'y a pas de différence entre «Contexte: aucun" et "Contexte: transparent". Le "Color d'arrière-plan: aucun”Ne définit aucune couleur à l'arrière de l'élément. D'un autre côté, si vous avez spécifié une couleur à l'arrière de l'élément, "Color en arrière-plan: transparent», Spécifiez que la couleur d'arrière-plan doit être transparente dans l'élément défini. Ce message a démontré la différence entre la propriété d'arrière-plan avec la valeur pas et transparent.