ມາດຕະການ border-start-start-radius

ການອອກມະຕິ ແລະການນໍາໃຊ້

border-top-right-radius ປະກອບທີ່ນຳມາການສັບສົນລະເບີດລະເບົາລະບາຍຕາມການຍ້າຍຕາມສະໜາມແລະຍ້າຍຕາມລະບຽບຂອງປະກອບ.

ເວົ້າເຖິງ:ປະກອບ CSS ທີ່ກ່ຽວກັບ ທາງເລີ່ມທີ່ຫົວຫຼັງແລະທາງເລີ່ມທີ່ອາຍຸຂອງທາງຫົວຫຼັງແລະທາງເລີ່ມທີ່ອາຍຸຈະຖືກການຄວາມສະທ້ອງທ້ອງ.、text-orientation , ຕົວຢ່າງ 2: ປະສົມກັບບັນດາຄວາມສະແດງ direction ການອອກມະຕິການຍ້າຍຕາມສະໜາມແລະຍ້າຍຕາມລະບຽບ. ສຳລັບຄວາມຄິດທີ່ມີການກະທົບຈາກປະກອບທີ່ກ່ຽວກັບ border-top-right-radius ຜົນຂອງປະກອບ. ສຳລັບຫົວໜ້າພາສາອັງກິດ ການຍ້າຍຕາມລະບຽບແມ່ນຈາກຊ້າຍໄປຊາຍ ແລະການຍ້າຍຕາມສະໜາມແມ່ນຍັງລົງລົງ.

ຖ້າ border-top-right-radius ຖ້າມີຄູ່ມູນຂອງປະກອບສອງຄູ່ມູນ ການສັບສົນດາວຈະເປັນສະໝອງອັນຕະລາງ:

border-start-start-radius: 50px 100px;

ຖ້າ border-top-right-radius ຖ້າມີຄູ່ມູນຂອງປະກອບທີ່ກ່ຽວກັບ ການສັບສົນດາວ:

ເພື່ອສະແດງຮູບຮ່າງວຽນນອກທີ່ສະແດງຈາກທາງເລີ່ມທີ່ຫົວຫຼັງແລະທາງເລີ່ມທີ່ອາຍຸຂອງບັນດາປະກອບສັບຕົວຫຼາຍອັນ.

CSS border-top-right-radius ປະກອບປະກອບ border-bottom-left-radius、border-bottom-right-radius、border-bottom-right-radius , border-top-left-radius ແລະ border-top-right-radius ຄວາມສະແດງທີ່ຄ້າຍຄືກັນຫຼາຍ

border-start-start-radius

ຄວາມປະສົມປະສານ

ຕົວຢ່າງ 1

direction
  #example4 {
  ເພື່ອສະແດງຮູບຮ່າງວຽນນອກທີ່ສະແດງຈາກທາງເລີ່ມທີ່ຫົວຫຼັງແລະທາງເລີ່ມທີ່ອາຍຸຂອງບັນດາປະກອບສັບຕົວຫຼາຍອັນ.
border-start-start-radius: 25px;
ຜົນກະທົບຂອງບັນດາຄວາມສະແດງ:
  #example4 {
  border-start-start-radius: 50px;
border-start-start-radius: 25px;
border-start-start-radius: 50px 20px;
  #example4 {
  background-color: lightblue;
  #example1 {
border-start-start-radius: 25px;
#example3 {
  #example4 {
  background-color: lightblue;
  border: 2px solid red;
border-start-start-radius: 25px;

}

border-start-start-radius: 50%;

ຕົວຢ່າງ 3: ປະສົມກັບບັນດາຄວາມສະແດງ writing-mode ຕົວຢ່າງ 2: ປະສົມກັບບັນດາຄວາມສະແດງ direction writing-mode

direction
  #example2 {
  #example1 {
  writing-mode: vertical-rl;
border-start-start-radius: 25px;

}

direction: rtl;

ຕົວຢ່າງ 3: ປະສົມກັບບັນດາຄວາມສະແດງ writing-mode ທາງເລີ່ມທີ່ຫົວຫຼັງແລະທາງເລີ່ມທີ່ອາຍຸຂອງທາງຫົວຫຼັງແລະທາງເລີ່ມທີ່ອາຍຸຈະຖືກການຄວາມສະທ້ອງທ້ອງ. writing-mode

ຜົນກະທົບຂອງບັນດາຄວາມສະແດງ:
  #example2 {
  border: 2px solid red;
  writing-mode: vertical-rl;
border-start-start-radius: 25px;

}

ທ້າທາຍການທົດລອງ:

ສັບພາສາ CSS:lengthborder-start-start-radius: 0|

|initial|inherit;

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

ການສະໜັບສະໜູນບັນຊີບັນນາທິການ

ຈຳນວນທີ່ຢູ່ໃນຕາມການສະແດງອາກາດຈະສະແດງຄືກັບການສະແດງຄືກັບການສະແດງຄືກັບ

ເບບຂໍ້ມູນ

ການສອນ:ການສະແດງວຽກບານ

ກ່ຽວກັບ:ປະກອບການ CSS border-bottom-left-radius

ກ່ຽວກັບ:ປະກອບການ CSS border-bottom-right-radius

ກ່ຽວກັບ:ມາດຕະການ border-top-left-radius

ກ່ຽວກັບ:ມາດຕະການ border-top-right-radius

ກ່ຽວກັບ:ປະເພດ CSS direction

ກ່ຽວກັບ:ປະກາດທາງຂອງຫົວຂໍ້ຂອງ CSS text-orientation

ກ່ຽວກັບ:ປະກາດທາງຂອງຫົວຂໍ້ຂອງ CSS writing-mode