Style backgroundSize attribute

Definition and Usage

backgroundSize set or return the size of the background image.

See also:

HTML Style:background attribute

CSS Tutorial:ການປ່ຽນບໍ່ມີການກະກຽມບັນດາວ່າງເອັກຕາລີໄດ້

CSS Tutorial:CSS3 Tutorial:

CSS3 Backgroundປະສົມປະສານ background-size

CSS Reference Manual:

Example

specify the size of the background image:

document.getElementById("myDIV").style.backgroundSize = "60px 120px";

Try it yourself

Syntax

set backgroundSize attribute:return backgroundSize attribute:

.style.backgroundSize

set backgroundSize attribute:objectຄຳຕອບກັບຄົນທີ່ບໍ່ໄດ້ກໍານົດ: ຮູບພາບກວ້າງທັງວົງວອກກວ້າງທັງວົງວອກກວ້າງ..style.backgroundSize = "auto|

|cover|contain|initial|inherit"

attribute value value
auto description
ຄຳຕອບກັບຄົນທີ່ບໍ່ໄດ້ກໍານົດ: ຮູບພາບກວ້າງທັງວົງວອກກວ້າງທັງວົງວອກກວ້າງ.

length

ຄຳຕອບກັບຄຳຕອບຄັ້ງທີໜຶ່ງຈະຕັ້ງສະຖານະວົງວອກກວ້າງ, ຄຳຕອບກັບຄຳຕອບຄັ້ງທີໃຫຍ່ຈະຕັ້ງສະຖານະວົງວອກກວ້າງ.

ຖ້າໄດ້ໃຫ້ພຽງຄຳຕອບກັບຄຳຕອບຄັ້ງທີ່ສອງຈະໄດ້ຕັ້ງສະຖານະເປັນ "auto".
ຕັ້ງວົງວອກກວ້າງຂອງຮູບພາບເປັນສິບຕາສະເຕຣະຂອງພັກທ້ອງຖິ່ນ.

percentage

ຄຳຕອບກັບຄຳຕອບຄັ້ງທີໜຶ່ງຈະຕັ້ງສະຖານະວົງວອກກວ້າງ, ຄຳຕອບກັບຄຳຕອບຄັ້ງທີໃຫຍ່ຈະຕັ້ງສະຖານະວົງວອກກວ້າງ.

ຖ້າໄດ້ໃຫ້ພຽງຄຳຕອບກັບຄຳຕອບຄັ້ງທີ່ສອງຈະໄດ້ຕັ້ງສະຖານະເປັນ "auto".
cover

ຖອຍຮູບພາບໄປຂະໜາດຫຼາຍທີ່ສຸດ, ເຮັດໃຫ້ເຂດການປະກັນບັນດາປະກອມຖືກກວ້າງໄປໂດຍຮູບພາບ.

ບາງສ່ວນຂອງຮູບພາບບໍ່ຈະຢູ່ໃນເຂດການປະກັນບໍລິໄພບັນດາປະກອມ.
contain ຖອຍຮູບພາບໄປຂະໜາດຫຼາຍທີ່ສຸດ, ເຮັດໃຫ້ວົງວອກກວ້າງຂອງບັນດາປະກອມພວກເຂົາກວ້າງທັງວົງວອກກວ້າງຂອງບັນດາປະກອມ.
initial ຕັ້ງຂໍ້ມູນຄືກັບຄຳຕອບກັບຄົນທີ່ບໍ່ໄດ້ກໍານົດ. ບັນຈາກ: initial。
inherit ຍຶດນຳມັນຄືກັບບັນດາປະກອມຈາກພັກທ້ອງຖິ່ນ. ບັນຈາກ: inherit。

ຂໍ້ມູນດ້ານເຕັກນິກ

ຄຳຕອບກັບຄົນທີ່ບໍ່ໄດ້ກໍານົດ: auto
ຄຳຕອບກັບ: ຄຳເວົ້າເຖິງສິ່ງທີ່ປະກອບຂອງບັນດາປະກອມ ປະສົມປະສານ background-size。
CSS ສະບັນຍາບັນ: CSS3

ການສະໜັບສະໜູນບັນດາບັນນາທິການ

backgroundSize ເປັນເປີດຈະນັກງານ CSS3 (1999)。

ທຸກບັນດາບັນນາທິການໄດ້ສະໜັບສະໜູນມັນຢ່າງເຕັມສ່ວນ:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
ການສະໜັບສະໜູນ ການສະໜັບສະໜູນ ການສະໜັບສະໜູນ ການສະໜັບສະໜູນ ການສະໜັບສະໜູນ 11