Mafunzo ya Kifupi cha Kifupi cha CSS cha kifupi cha kifupi

Muhtasari na matumizi

background-size Inaeleza ukubwa wa picha ya mabaki.

Tazama pia:

Mafunzo ya CSS:Mabaki ya CSS,Mabaki ya CSS (kinalesha)

Kitabu cha mafunzo ya HTML DOM:Inayotumiwa kwa backgroundSize

Mifano

Inaeleza ukubwa wa picha ya mabaki:

div
{
background:url(img_flwr.gif);
background-size:80px 60px;
background-repeat:no-repeat;
}

Tafuta kwa urahisi

Inayotumiwa na CSS

background-size: length|percentage|cover|contain;

Thamani ya kinalesha

Thamani Muhtasari Tukio
length

Kuandaa kinga na ukubwa wa picha ya mabaki

Thamani ya kwanza inasababisha kinga cha kinalesha, thamani ya pili inasababisha kinga cha kinalesha.

Ikiwa inapatikana kimoja, thamani ya pili inaweza kuwa "auto".

 Tukio
percentage

Kuandaa kinga cha picha ya mabaki kwa namba za chini ya kinalesha cha maelezo wa mabaki.

Thamani ya kwanza inasababisha kinga cha kinalesha, thamani ya pili inasababisha kinga cha kinalesha.

Ikiwa inapatikana kimoja, thamani ya pili inaweza kuwa "auto".

 Tukio
cover

Fungua picha ya mabaki ya mabaki hadi inafikia kinalesha kinalesha kinalesha

Mabaki ya picha ya mabaki inayoweza kuhitaji kuwa hawaidhani katika eneo la kinalesha

 Tukio
contain Fungua picha hadi kufikia ukubwa wa kinalesha kwa sababu inayoweza kuenea kiasi kikubwa kwa kufikia kinalesha kinalesha Tukio

Maelezo ya kidhakika

Wapya wa kwanza: auto
Muungano wa mabaki: hakuna
Muungano: CSS3
Inayotumiwa na Kijskripi: object.style.backgroundSize="60px 80px"

Mifano mengi

Fungua picha ya mabaki ya mabaki
Fungua picha ya mabaki ya mabaki ili kufaisha eneo la maelezo
Fungua picha ya mabaki ya mabaki ili picha ya mabaki ya mabaki iwe inayoweza kurepetishwa kila mara kichwa cha kifungu
Fungua picha ya mabaki ya mabaki ili picha ya mabaki ya mabaki iwe inayoweza kurepetishwa kila mara kichwa cha kifungu

Mafikiria ya kinalesha

Mafikiria ya namba katika tabia inaeleza sababu ya kufaa wa kinalesha hilo wa kwanza.

Chrome Edge Firefox Safari Opera
Chrome IE / Edge Firefox Safari Opera
4.0
1.0 -webkit-		 9.0 4.0
3.6 -moz-		 4.1
3.0 -webkit-		 10.5
10.0 -o-