CSS 背景简写

CSS background - 简写属性

ຖ້າມີຄວາມຕ້ອງການຫຼຸດຕິດຕັ້ງວັດຖຸກັບການຕິດຕັ້ງທັງໝົດຂອງລະບຽບພາບຫຼັງໃນການສະແດງ. ມັນເອີ້ນວ່າການສະແດງຂອງປະສົມປະສານ.

ບໍ່ແມ່ນພຽງແຕ່ການດຳເນີນການນີ້:

body {
  background-color: #ffffff;
  background-image: url("tree.png");
  background-repeat: no-repeat;
  background-position: right top;
}

ທ່ານສາມາດນໍາໃຊ້ການສະແດງຂອງປະສົມປະສານພາບຫຼັງ. background:

ຕົວຢ່າງ

ການຕິດຕັ້ງປະສົມປະສານພາບຫຼັງໃນການສະແດງພຽງແຕ່ກັບການສະແດງອື່ນໆ.

body {
  background: #ffffff url("tree.png") no-repeat right top;
}

ທ່ານສາມາດສອບທົດສະມັກເອງ.

ການຕິດຕັ້ງຂອງຈຳນວນຂອງລະບຽບຂອງການສະແດງຂອງປະສົມປະສານຕາມຊັ້ນທີ່ແມ່ນ:

  • background-color
  • background-image
  • background-repeat
  • background-attachment
  • background-position

ຖ້າຫາກວ່າບໍ່ມີຈຳນວນຂອງມູນຄ່າຂອງລະບຽບຂອງປະສົມປະສານບໍ່ມີຄວາມຜິດພາດເລີຍພຽງແຕ່ຕິດຕັ້ງລະບຽບອື່ນໆຕາມຊັ້ນທີ່ດັ່ງກ່າວ. ບໍ່ຕ້ອງລະງັບວ່າໃນຕົວຢ່າງທີ່ກ່າວຫານີ້ບໍ່ໄດ້ນໍາໃຊ້ລະບຽບ background-attachment ຍ້ອນວ່າມັນບໍ່ມີມູນຄ່າ.

ປະສົມປະສານ CSS ພາບຫຼັງທັງໝົດ

ປະສົມປະສານ ການອະທິບາຍ
background ການຕິດຕັ້ງທັງໝົດຂອງປະສົມປະສານພາບຫຼັງໃນການສະແດງ.
background-attachment ການຕິດຕັ້ງພາບຜ່ານຫຼັງທີ່ຈະຖືກສາຍຕະວັດຈາກຫຼັງຫົວໃຫມ່ຫຼືບັນຊີອື່ນໆ.
background-clip ກ່າວໃນບ່ອນທີ່ຈະຂຽນພາບຫຼັງ.
background-color ການຕິດຕັ້ງສີຫຼັງຂອງປະກອບ.
background-image ການຕິດຕັ້ງພາບຜ່ານຫຼັງຂອງປະກອບ.
background-origin ກ່າວໃນບ່ອນທີ່ຈະຕິດຕັ້ງພາບຜ່ານຫຼັງ.
background-position ການກໍານົດຂະນະເລີ່ມຂອງພາບກາງຫົວໜ້າ.
background-repeat ການກໍານົດພາບກາງຫົວໜ້າຈະລະບຽບຫຼືບໍ່ລະບຽບ ແລະວິທີລະບຽບຂອງການລະບຽບ.
background-size ການກໍານົດຂະໜາດຂອງພາບກາງຫົວໜ້າ.