CSS order 属性

  • ບໜ້າກ່ອນ opacity
  • ບໜ້າຕໍ່ໄປ orphans

定义和用法

order 属性规定弹性项目相对于同一容器内其余弹性项目的顺序。

注释：ຄວາມອະທິບາຍ:

ບໍ່ອາດບັນປະເທດ:

ຄູ່ມື CSS ອະນຸມັດ:ຄະຕິສະພາບ flex

ຄູ່ມື CSS ອະນຸມັດ:ຄະຕິສະພາບ flex-basis

ຄູ່ມື CSS ອະນຸມັດ:ຄະຕິສະພາບ flex-direction

ຄູ່ມື CSS ອະນຸມັດ:ຄະຕິສະພາບ flex-flow

ຄູ່ມື CSS ອະນຸມັດ:ຄະຕິສະພາບ flex-grow

ຄູ່ມື CSS ອະນຸມັດ:ຄະຕິສະພາບ flex-shrink

ຄູ່ມື CSS ອະນຸມັດ:ຄະຕິສະພາບ flex-wrap

ຄູ່ມື CSS ອະນຸມັດ:ຄະຕິສະພາບ align-content

ຄູ່ມື CSS ອະນຸມັດ:ຄະຕິສະພາບ align-items

ຄູ່ມື CSS ອະນຸມັດ:ຄະຕິສະພາບ align-self

ຄູ່ມື HTML DOM ອະນຸມັດ:ຄະຕິສະພາບ order

ຕົວຢ່າງ

ກໍານົດສະຖານະຂອງບັນດາສິ່ງກະຈັດການອອກ:

div#myRedDIV {order: 2;}
div#myBlueDIV {order: 4;}
div#myGreenDIV {order: 3;}
div#myPinkDIV {order: 1;}

ທ້າທາຍຄວາມຮັບຮູ້ອີກຄັ້ງ:

ການບັນນາທິດ CSS:

order: number|initial|inherit;

ຄວາມຮັບຮູ້ຂອງປະກອບຄະຕິສະພາບ

ຄວາມຮັບຮູ້ ການອະທິບາຍ
number ຄວາມຮັບຮູ້ຊື່ວ່າ 0. ກໍານົດສະຖານະຂອງບັນດາສິ່ງຂອງຄະຕິສະພາບກະຈັດການອອກມາຫຼາຍຫຼາຍ.
initial ຕັດສິນຄັນຄະຕິສະພາບນັ້ນໃຫ້ເປັນຄວາມຮັບຮູ້ຊື່ວ່າ. ບັນປະເທດ: initial.
inherit ຍິນຍອມກັບບັນດາສິ່ງທີ່ມີຄວາມຮັບຮູ້ຂອງສິ່ງມາຈາກສິ່ງປົກກະຕິ. ບັນປະເທດ: inherit.

ລາຍລະອຽດດ້ານເຕັກນິກ

ຄວາມຮັບຮູ້ຊື່ວ່າ: 0
ການສ້າງການສົ່ງຕໍ່ກັບບັນດາສິ່ງທີ່ມີຄວາມຮັບຮູ້ທັງໝົດ: no
ການສ້າງການດຳເນີນຄະຕິສະພາບ: ສະໜັບສະໜູນ. ບັນປະເທດ:ຄວາມຮັບຮູ້ກັບການດຳເນີນຄະຕິສະພາບ.
ສະຖານະການ: CSS3
ການບັນນາທິດ JavaScript: object.style.order="2"

ການຮັບຮູ້ຂອງຄະຕິສະພາບບັນການຊົມ

ຈຳນວນໃນຕາມການຈັດອອກຂອງຕາມການຮັບຮູ້ວ່າຈະສາມາດສະແດງຄວາມຮັບຮູ້ຂອງຄະຕິສະພາບນັ້ນໃນການອອກຜູ້ໃຫ້ບໍລິການທຳອິດ.

ຄວາມຮັບຮູ້ຂອງຕາມຈຳນວນແມ່ນຕາມຄຳສັ່ງຂອງ -webkit- ຫຼື -moz- ເພື່ອໃຊ້ກໍາແພງສະຫຼຸບຄັ້ງທຳອິດ.

Chrome IE / Edge Firefox Safari Opera
29.0
21.0 -webkit- 		11.0 28.0
18.0 -moz- 		9.0
6.1 -webkit- 		17.0
  • ບໜ້າກ່ອນ opacity
  • ບໜ້າຕໍ່ໄປ orphans