CSS background-image ominaisuus

Määritelmä ja käyttö

background-image Ominaisuus asettaa elementin taustakuvan.

Elementin tausta peittää elementin koko kokoonpanon, mukaan lukien sisäinen reunus ja reunaviiva, mutta ei ulkoisella marginaalilla.

Oletusarvoisesti taustakuva sijaitsee elementin vasemmassa yläkulmassa ja toistuu sekä horisontaalisesti että vertikaalisesti.

Vinkki:Oletusarvoisesti taustakuva sijaitsee elementin vasemmassa yläkulmassa ja toistuu sekä horisontaalisesti että vertikaalisesti.

Yksityiskohtaisesti

background-image-ominaisuus asettaa kuvan elementin taustaan.

mukaan background-repeat ominaisuuden arvon mukaan, kuva voi täyttää loputtomasti, peittää jonkin akselin (x-akseli tai y-akseli) tai ei peitä lainkaan.

Alkuperäinen taustakuva (alkuperäinen kuva) määritellään: background-position Ominaisuuden arvon sijoittaminen.

Lisäksi katso:

CSS-opetusohjelma:CSS tausta,CSS-tausta (edistynyt),CSS gradientti

HTML DOM -viittausoppikirja:backgroundImage-ominaisuus

Esimerkki

Aseta kuva sivun taustaksi:

body
  { 
  background-image: url(bgimage.gif);
  background-color: #000000;
  }

Kokeile itse

CSS-kieli

background-image: url|none|initial|perity|

Ominaisuusarvo

Ominaisuusarvo

Arvo Kuvaus
url('URL) Kuvan polku.
ei ole Oletusarvo. Ei näytetä taustakuvaa.
perity Määritellään, että elementin taustakuvan ominaisuuden asetukset tulisi periytyä isältä elementiltä.

Tekninen yksityiskohta

Oletusarvo: ei ole
Perintä: ei
Versio: CSS1
JavaScript-kieli: object.style.backgroundImage="url(stars.gif)"

Selaimen tuki

Taulukossa olevat numerot osoittavat ensimmäisen selaimen version, joka tukee ominaisuutta täysin.

Chrome Edge Firefox Safari Opera
Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5