CSS agtergrond Eiendom
Voorbeeld
Stel verskillende agtergrondeienskappe in een verklaring:
body
{
background: lightblue url("img_tree.gif") no-repeat fixed center;
}
Definisie en gebruik
Die background
eiendom is 'n snelskrif eiendom vir:
- agtergrondkleur
- agtergrondprent
- agtergrondposisie
- agtergrond-grootte
- agtergrond-herhaal
- agtergrond-oorsprong
- agtergrond-snit
- agtergrond-aanhangsel
Dit maak nie saak of een van die waardes hierbo ontbreek nie, bv. agtergrond:#ff0000 url(smiley.gif); word toegelaat.
Standaard waarde: | sien individuele eiendomme |
---|---|
Geërf: | geen |
Animateerbaar: | ja, sien individuele eiendomme . Lees oor animeerbaar |
Weergawe: | CSS1 + nuwe eiendomme in CSS3 |
JavaScript-sintaksis: | object .style.background="rooi url(smiley.gif) links bo geen herhaling" |
Blaaierondersteuning
Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die eiendom ten volle ondersteun.
Property | |||||
---|---|---|---|---|---|
background | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Let wel: Sien individuele blaaierondersteuning vir elke waarde hieronder.
CSS-sintaksis
background: bg-color bg-image position/bg-size bg-repeat bg-origin bg-clip bg-attachment initial|inherit;
Let wel: As een van die eienskappe in die snelskrifverklaring die bg-grootte-eienskap is, moet jy 'n / (skuinsstreep) gebruik om dit van die bg-posisie-eienskap te skei, bv. background:url(smiley.gif) 10px 20px/50px 50px ; sal lei tot 'n agtergrondprent, geposisioneer 10 pixels van links, 20 pixels van bo af, en die grootte van die prent sal 50 pixels breed en 50 pixels hoog wees.
Let wel: As u veelvuldige agtergrondprentbronne gebruik, maar ook 'n agtergrondkleur wil hê, moet die agtergrondkleurparameter laaste in die lys wees.
Eiendomswaardes
Value | Description | CSS |
---|---|---|
background-color | Specifies the background color to be used | 1 |
background-image | Specifies ONE or MORE background images to be used | 1 |
background-position | Specifies the position of the background images | 1 |
background-size | Specifies the size of the background images | 3 |
background-repeat | Specifies how to repeat the background images | 1 |
background-origin | Specifies the positioning area of the background images | 3 |
background-clip | Specifies the painting area of the background images | 3 |
background-attachment | Specifies whether the background images are fixed or scrolls with the rest of the page | 1 |
initial | Sets this property to its default value. Read about initial | 3 |
inherit | Inherits this property from its parent element. Read about inherit | 2 |
Verwante bladsye
CSS-tutoriaal: CSS-agtergrond , CSS-agtergronde (gevorderd)
HTML DOM verwysing: agtergrond eiendom