CSS “bakgrunn”Eiendom brukes til å kontrollere bakgrunnen til et angitt element. Samtidig er det forskjellige egenskaper som utgjør bakgrunnen, inkludert "bakgrunnsfarge”,“bakgrunnsbilde”,“bakgrunnsstørrelse", og mange flere. Bakgrunnen dekker den totale størrelsen på elementet, inkludert kant og polstring, men ekskluderer marginen. Det gjør teksten så synlig og enkel for brukeren å lese. Videre bestemmer "bakgrunnsfargen" fargen ved baksiden av det definerte elementet eller dataene.

Dette innlegget vil forklare følgende:

• Hva er CSS “Bakgrunn” -egenskap?
• Hva er forskjellen mellom "bakgrunn: ingen" vs "bakgrunn: gjennomsiktig"?

Hva er CSS “Bakgrunn” -egenskap?

“bakgrunn”Eiendom er en kortvarig eiendom i CSS som brukes til å sette bakgrunnen for ethvert element i form av et bilde, avsnitt eller en hvilken som helst type element i HTML -dokumentet. Det følger bakgrunnsegenskapene som består av åtte andre egenskaper:

• “bakgrunnsbilde”Brukes til å sette en eller flere bilder på baksiden av elementet. Et bakgrunnsbilde vises som standard øverst til venstre i en HTML-side.
• “Bakgrunnsrepetitt”Attributt spesifiserer om bakgrunnsbildet vil bli gjentatt eller ikke eller ikke. Et bakgrunnsbilde er repeterende både horisontalt og vertikalt som standard.
• “Bakgrunnsinnveksling”Bestemmer om et rullende bakgrunnsbilde må holdes på HTML -siden eller ekstra containersider.
• “Bakgrunnsposisjon”Brukes for å sette elementets plassering.
• “bakgrunnsstørrelse”Brukes til å tildele bakgrunnsbildestørrelsen.
• “Bakgrunnsklipp”Attributt spesifiserer hvor mye av et elements bakgrunn som skal dekkes av et bilde eller farge.
• “bakgrunnsfarge”Brukes til å tildele fargen på elementets bakside.
• “Bakgrunn-opprinnelse”Beskriver plasseringen av bakgrunnsposisjonsområdet opprinnelse i et bakgrunnsbilde.

Hva er forskjellen mellom "bakgrunn: ingen" vs "bakgrunn: gjennomsiktig"?

Det er ingen forskjell mellom dem. Hvis du ikke spesifiserer en verdi for noen halvt dusin egenskaper som bakgrunnen er en korthet, er den satt til standardverdien, inkludert "ingen”Og“gjennomsiktig”.

Eksempel 1: Bruke “Bakgrunn: Ingen” i CSS

For å stille inn “Bakgrunn: Ingen”Eiendom i CSS legger først til data i HTML -dokumentet, får deretter tilgang til elementet i CSS og bruk det.

For en praktisk implikasjon, prøv de gitte instruksjonene.

Trinn 1: Legg til data i overskriften

For å legge til en overskrift på HTML -siden, bruk overskriftskoden fra “

" til "

”. I dette scenariet har vi “H1”For den første overskriften,”H2”For den andre overskriften, og“H3”For tredje overskrift. Legg også inn dataene i teksten for overskriften:

Linuxhint Tutorial nettsted

Bakgrunnen som ingen

Bakgrunnen er grønn

Produksjon

Trinn 2: Sett “Bakgrunn: Ingen” eiendom

Deretter får du tilgang til overskriften ved å bruke "H2”Merk og bruk de nedenfor-listede egenskapene:

H2
Farge: tomat;
Bakgrunnsfarge: Ingen;

Her:

• “farge”Eiendom brukes til å sette fargen på teksten.
• “bakgrunnsfarge”Angir fargen på baksiden av elementet. For å gjøre det, her er verdien av denne egenskapen satt som "ingen”For ingen farge på baksiden.

Det kan legges merke til at fargeegenskapen angir tekstfargen. Imidlertid er det ingen farge på baksiden av elementet:

Trinn 3: Angi bakgrunn som en bestemt farge

Få tilgang til den andre overskriften ved å bruke overskriftsnavnet “H3”Og bruk de samme egenskapene med de forskjellige verdiene:

H3
Farge: Hvit;
bakgrunnsfarge: grønn;

For å gjøre det, vil vi bruke “farge”Eiendom med verdien som“hvit" og "bakgrunnsfarge”Eiendomssett som“grønn”:

Eksempel 2: Bruke “Bakgrunn: Transparent” i CSS

For å angi bakgrunnen: Gjennomsiktig i CSS, bruk ovennevnte HTML -kode og bruk deretter “bakgrunnsfarge" som "gjennomsiktig”.

Trinn 1: Sett “Bakgrunnsfarge: Transparent”

Få tilgang til “H2”Overskrift og bruk de gitte utdragets egenskaper:

H2
Farge: RGB (10, 250, 70);
Bakgrunnsfarge: gjennomsiktig

For å gjøre det, i ovennevnte utdrag:

• Verdien av “farge”Eiendom er satt som“RGB (10, 250, 70)”.
• “bakgrunnsfarge”Er satt som“gjennomsiktig”.

Trinn 2: Sett en bestemt farge på baksiden

Få tilgang til overskriften og bruk de samme egenskapene med forskjellige verdier:

H3
Farge: Hvit;
bakgrunnsfarge: RGB (236, 169, 91);

Merk: Det er ingen forskjell mellom “bakgrunn: ingen” og “bakgrunn: gjennomsiktig” i CSS.

Konklusjon

Det er ingen forskjell mellom “Bakgrunn: Ingen”Og“Bakgrunn: Gjennomsiktig”. “Bakgrunnsfarge: Ingen”Angir ingen farge på elementets bakside. På den annen side, hvis du har spesifisert en farge på elementet på baksiden, "Bakgrunnsfarge: gjennomsiktig”, Spesifiser at bakgrunnsfargen skal være gjennomsiktig i det definerte elementet. Dette innlegget har vist forskjellen mellom bakgrunnsegenskaper med verdien ingen og gjennomsiktig.