ຄວາມແຕກຕ່າງລະຫວ່າງ CSS2 ແລະ CSS3

ເຂົ້າໃຈການປ່ຽນແປງທີ່ສໍາຄັນຕໍ່ CSS3

ຄວາມແຕກຕ່າງທີ່ໃຫຍ່ທີ່ສຸດລະຫວ່າງ CSS2 ແລະ CSS3 ແມ່ນວ່າ CSS3 ໄດ້ແບ່ງອອກເປັນພາກທີ່ແຕກຕ່າງກັນ, ທີ່ເອີ້ນວ່າໂມດູນ. ແຕ່ລະໂມດູນເຫຼົ່ານີ້ແມ່ນເຮັດໃຫ້ທາງຜ່ານ W3C ໃນໄລຍະຕ່າງໆຂອງຂະບວນການແນະນໍາ. ຂະບວນການນີ້ໄດ້ເຮັດໃຫ້ມັນງ່າຍຂຶ້ນຫຼາຍສໍາລັບຊິ້ນຕ່າງໆຂອງ CSS3 ທີ່ຈະໄດ້ຮັບການຍອມຮັບແລະປະຕິບັດໃນຕົວທ່ອງເວັບໂດຍຜູ້ຜະລິດທີ່ແຕກຕ່າງກັນ.

ຖ້າທ່ານປຽບທຽບຂະບວນການນີ້ກັບສິ່ງທີ່ເກີດຂຶ້ນກັບ CSS2, ບ່ອນທີ່ທຸກສິ່ງທຸກຢ່າງຖືກສົ່ງເປັນເອກະສານດຽວກັບທຸກຂໍ້ມູນ Cascading Style Sheets ພາຍໃນມັນ, ທ່ານເລີ່ມເຫັນຂໍ້ດີຂອງການຖອນຄໍາແນະນໍາຂຶ້ນເປັນສ່ວນບຸກຄົນທີ່ນ້ອຍກວ່າ. ເນື່ອງຈາກວ່າແຕ່ລະໂມດູນກໍາລັງເຮັດວຽກຢູ່ແຕ່ລະຄົນ, ພວກເຮົາມີລະດັບການສະຫນັບສະຫນູນຂອງຕົວທ່ອງເວັບຫຼາຍຂຶ້ນສໍາລັບໂມດູນ CSS3.

ເຊັ່ນດຽວກັນກັບຂໍ້ກໍານົດໃຫມ່ແລະປ່ຽນແປງໃດໆ, ໃຫ້ແນ່ໃຈວ່າຈະທົດສອບຫນ້າ CSS3 ຂອງທ່ານຢ່າງລະອຽດໃນຕົວທ່ອງເວັບແລະລະບົບປະຕິບັດການທີ່ທ່ານສາມາດເຮັດໄດ້. ຈືຂໍ້ມູນການເປົ້າຫມາຍບໍ່ແມ່ນການສ້າງຫນ້າເວັບທີ່ມີລັກສະນະດຽວກັນໃນທຸກຕົວທ່ອງເວັບແຕ່ເພື່ອໃຫ້ແນ່ໃຈວ່າຮູບແບບຕ່າງໆທີ່ທ່ານໃຊ້ລວມທັງຄໍເຕົ້າໄຂ່ທີ່ CSS3 ເບິ່ງທີ່ດີເລີດໃນຕົວທ່ອງເວັບທີ່ສະຫນັບສະຫນູນພວກເຂົາແລະວ່າພວກມັນຈະກັບຄືນສູ່ gracefully ສໍາລັບຕົວ browser ເກົ່າ ຢ່າ.

New CSS3 Selectors

CSS3 ສະຫນອງແນວພັນໃຫມ່ໆທີ່ທ່ານສາມາດຂຽນກົດ CSS ດ້ວຍຕົວເລືອກ CSS ໃຫມ່, ລວມທັງການປະສົມປະສານໃຫມ່ແລະບາງປະໂຫຍດໃຫມ່ຂອງ pseudo-elements.

ສາມຕົວເລືອກໃຫມ່:

• Attribute begin matches exactly element [foo = "bar"] ອົງປະກອບມີຄຸນລັກສະນະເອີ້ນວ່າ foo ທີ່ເລີ່ມຕົ້ນດ້ວຍ "bar" ເຊັ່ນ:
• Attribute end matches exactly element [foo $ = "bar"] ອົງປະກອບມີຄຸນລັກສະນະທີ່ເອີ້ນວ່າ foo ທີ່ສິ້ນສຸດລົງດ້ວຍ "bar" ເຊັ່ນ
• Attribute ປະກອບດ້ວຍ ອົງປະກອບຂອງ ຄໍາວ່າ [foo * = "bar"] ອົງປະກອບມີຄຸນລັກສະນະທີ່ເອີ້ນວ່າ foo ທີ່ມີ "string" ຕົວຢ່າງເຊັ່ນ

16 pseudo-classes ໃຫມ່:

• : ຮາກ
  • ອົງປະກອບຮາກຂອງເອກະສານ. ໃນ HTML ນີ້ແມ່ນສະເຫມີ.
• : nth-child (n)
  • ໃຊ້ນີ້ເພື່ອໃຫ້ກົງກັບອົງປະກອບຂອງເດັກທີ່ແນ່ນອນຫຼືໃຊ້ຕົວແປເພື່ອຮັບການຈັບຄູ່ກັນ.
• : n-last-child (n)
  • ທຽບກັບອົງປະກອບເດັກທີ່ແນ່ນອນນັບຈາກຂັ້ນສຸດທ້າຍ.
• : nth-of-type (n)
  • ຄໍາວ່າອົງປະກອບທີ່ມີຊື່ດຽວກັນກ່ອນທີ່ມັນຢູ່ໃນຕົ້ນໄມ້ເອກະສານ.
• : n-last-of-type (n)
  • ຄໍາວ່າອົງປະກອບທີ່ມີຊື່ດຽວກັນນັບຈາກລຸ່ມ.
• : ເດັກສຸດທ້າຍ
  • ກົງກັບອົງປະກອບເດັກສຸດທ້າຍຂອງພໍ່ແມ່.
• : ທໍາອິດຂອງປະເພດ
  • ກົງກັບອົງປະກອບຂອງພີ່ນ້ອງທໍາອິດຂອງປະເພດນັ້ນ.
• : ສຸດທ້າຍຂອງປະເພດ
  • ກົງກັບອົງປະກອບຂອງອ້າຍນ້ອງຫຼ້າສຸດຂອງປະເພດນັ້ນ.
• : ເດັກນ້ອຍເທົ່ານັ້ນ
  • ກົງກັບອົງປະກອບທີ່ເປັນລູກດຽວຂອງພໍ່ແມ່.
• : ພຽງແຕ່ຂອງປະເພດ
  • ກົງກັບອົງປະກອບທີ່ເປັນພຽງແຕ່ຫນຶ່ງຂອງປະເພດຂອງມັນເທົ່ານັ້ນ.
• : ຫວ່າງເປົ່າ
  • ກົງກັບອົງປະກອບທີ່ບໍ່ມີເດັກນ້ອຍ (ລວມທັງຂໍ້ຄວາມຂໍ້ຄວາມ).
• :ເປົ້າ​ຫມາຍ
  • ກົງກັບອົງປະກອບທີ່ເປັນເປົ້າຫມາຍຂອງ URI ອ້າງອີງ.
• : enabled
  • ກົງກັບອົງປະກອບເມື່ອມັນຖືກເປີດໃຊ້.
• : ຖືກປິດໃຊ້ງານ
  • ກົງກັບອົງປະກອບເມື່ອມັນຖືກປິດໃຊ້ງານ.
• : ກວດເບິ່ງ
  • ກົງກັບອົງປະກອບເມື່ອມັນຖືກກວດເບິ່ງ (ປຸ່ມວິທະຍຸຫຼືກ່ອງກາເຄື່ອງຫມາຍ).

• : ບໍ່ (s)
  • ຄໍາວ່າເມື່ອມີອົງປະກອບບໍ່ເຫມາະສົມກັບ ຕົວເລືອກທີ່ ງ່າຍດາຍ.

ຫນຶ່ງ combinator ໃຫມ່:

• elementA ~ elementB
  • ກົງກັບເວລາທີ່ elementB ຕໍ່ໄປນີ້ຫຼັງຈາກ elementA, ບໍ່ຈໍາເປັນຕ້ອງທັນທີ.

New Properties

CSS3 ຍັງແນະນໍາບາງສ່ວນຂອງຄຸນສົມບັດ CSS ໃຫມ່. ຫລາຍໆຄຸນສົມບັດເຫຼົ່ານີ້ແມ່ນເພື່ອສ້າງຄໍເຕົ້າໄຂ່ທີ່ສາຍຕາເຊິ່ງອາດຈະເຊື່ອມໂຍງກັບໂຄງການຮູບພາບເຊັ່ນ Photoshop. ບາງສິ່ງເຫລົ່ານີ້, ຄືຂອບເຂດຂອບຫຼືກ່ອງເງົາ, ໄດ້ປະມານນັບຕັ້ງແຕ່ການແນະນໍາຖ້າ CSS3. ອື່ນໆ, ເຊັ່ນ flexbox ຫຼື CSS Grid ແມ່ນຄໍເຕົ້າໄຂ່ທີ່ໃຫມ່ທີ່ຍັງມັກຈະພິຈາລະນາການເພີ່ມ CSS3.

ໃນ CSS3, ຮູບແບບກ່ອງບໍ່ໄດ້ປ່ຽນແປງ. ແຕ່ມີຊໍ່ແບບຄຸນລັກສະນະໃຫມ່ທີ່ສາມາດຊ່ວຍໃຫ້ທ່ານສະໄຕພື້ນຫຼັງແລະຂອບຂອງຫ້ອງຂອງທ່ານ.

ຫຼາຍພື້ນຖານຂ້າພະເຈົ້າ mages

ການນໍາໃຊ້ຮູບພາບພື້ນຫລັງ, ພື້ນຫລັງ, ຕໍາແຫນ່ງແລະແບບເລິກເຊິ່ງທ່ານສາມາດລະບຸຮູບພາບພື້ນຫລັງຫຼາຍໆຮູບແບບທີ່ຢູ່ດ້ານເທິງຂອງອື່ນໃນກ່ອງ. ຮູບພາບທໍາອິດແມ່ນຊັ້ນທີ່ໃກ້ກັບຜູ້ໃຊ້, ມີຄົນຕໍ່ໄປນີ້ທີ່ມີສີສັນຫລັງ. ຖ້າມີສີພື້ນຫລັງ, ມັນຈະຖືກລີດຕາດຢູ່ຂ້າງລຸ່ມທັງຫມົດໃນຮູບພາບ.

ຄຸນລັກສະນະໃຫມ່ພື້ນຫລັງ

ນອກນັ້ນຍັງມີຄຸນສົມບັດພື້ນຫລັງໃຫມ່ບາງຢ່າງໃນ CSS3.

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

ການປ່ຽນແປງກ່ຽວກັບຄຸນສົມບັດແບບພື້ນຫລັງທີ່ມີຢູ່

ນອກຈາກນີ້ຍັງມີການປ່ຽນແປງບາງຢ່າງຕໍ່ຄຸນສົມບັດແບບພື້ນຫລັງທີ່ມີຢູ່ແລ້ວ:

• ພື້ນຫລັງຄືນ
  • ມີສອງຄຸນຄ່າໃຫມ່ສໍາລັບຊັບສິນນີ້: ພື້ນທີ່ແລະຮອບ. ຊ່ອງສະຖານທີ່ຮູບພາບທີ່ມີກະເບື້ອງຢ່າງດຽວກັນພາຍໃນກ່ອງໂດຍບໍ່ໄດ້ຖືກກັດ. ຮອບ rescales ຮູບພາບພື້ນຖານດັ່ງນັ້ນມັນຈະ tile ຈໍານວນທັງຫມົດຂອງເວລາໃນປ່ອງ.
• ພື້ນຖານ, ການຕິດຕັ້ງ
  • ມູນຄ່າໃຫມ່ "ທ້ອງຖິ່ນ" ຖືກເພີ່ມເພື່ອວ່າພື້ນຫລັງຈະເລື່ອນດ້ວຍເນື້ອໃນຂອງອົງປະກອບເມື່ອອົງປະກອບທີ່ມີແຖບເລື່ອນ.
• ພື້ນຫລັງ
  • ຄຸນສົມບັດການຂຽນຫຍໍ້ພື້ນຖານເພີ່ມໃນຄຸນສົມບັດຂະຫນາດແລະຕົ້ນກໍາເນີດ.

CSS3 Border Properties

ໃນຂອບເຂດ CSS3 ສາມາດເປັນຄໍເຕົ້າໄຂ່ທີ່ພວກເຮົາກໍາລັງໃຊ້ເພື່ອ (ແຂງ, double, dashed, ແລະອື່ນໆ) ຫຼືພວກເຂົາສາມາດເປັນຮູບພາບ. ຍິ່ງໄປກວ່ານັ້ນ, CSS3 ນໍາເອົາຄວາມສາມາດໃນການສ້າງມຸມມົນ. ຮູບພາບຊາຍແດນແມ່ນຫນ້າສົນໃຈເນື່ອງຈາກວ່າທ່ານສ້າງຮູບພາບຂອງທັງສີ່ຊາຍແດນແລະຫຼັງຈາກນັ້ນບອກ CSS ວິທີການນໍາໃຊ້ຮູບພາບທີ່ຢູ່ຕໍ່ຫນ້າຂອງທ່ານ.

New Border Style Properties

ມີບາງຄຸນສົມບັດຊາຍແດນໃຫມ່ໃນ CSS3:

• border-radius
  • border-top-right-radius , border-bottom-right-radius , border-bottom-left radius , border-top-left-radius
  • ຄຸນສົມບັດເຫຼົ່ານີ້ອະນຸຍາດໃຫ້ທ່ານສ້າງຂອບມຸມຢູ່ຂອບຂອງທ່ານ.
• border-image-source
  • ກໍານົດໄຟລ໌ແຫຼ່ງຮູບພາບທີ່ຈະຖືກນໍາໃຊ້ແທນຮູບແບບຂອງຊາຍແດນທີ່ຖືກກໍານົດແລ້ວ.
• border-image-slice
  • ສະແດງໃຫ້ເຫັນການປ້ອນຂໍ້ມູນພາຍໃນຈາກຂອບຊາຍຂອບຊາຍແດນ
• border-image-width
  • ກໍານົດຄ່າຂອງຄວາມກວ້າງສໍາລັບຮູບຂອບຂອງທ່ານ.
• border-image-outset
  • ກໍານົດຈໍານວນເງິນທີ່ຂອບເຂດຊາຍແດນໄດ້ຂະຫຍາຍອອກໄປນອກກ່ອງ.
• border-image-stretch
  • ກໍານົດວິທີການທັງສອງດ້ານແລະສ່ວນກາງຂອງຮູບຊາຍແດນຄວນຈະມີກະເບື້ອງຫຼືຂະຫນາດ.
• border-image
  • ຄຸນລັກສະນະ shorthand ສໍາລັບທຸກຄຸນສົມບັດຮູບຂອບຊາຍແດນ.

ຊັບສິນ CSS3 ເພີ່ມເຕີມທີ່ກ່ຽວຂ້ອງກັບຂອບເຂດແລະພື້ນຫລັງ

ໃນເວລາທີ່ປ່ອງຖືກແຕກອອກໃນ break page, break column ສໍາລັບ line break (ສໍາລັບອົງປະກອບພາຍໃນ) ຄຸນສົມບັດການອອກແບບຕົບແຕ່ງ - ກໍານົດວ່າວິທີການກ່ອງໃຫມ່ຖືກລວບລວມດ້ວຍຊາຍແດນແລະ padding. ພື້ນຫລັງສາມາດແບ່ງອອກລະຫວ່າງຫ້ອງທີ່ແຕກຫັກຫຼາຍໂດຍໃຊ້ຊັບສິນນີ້.

ນອກຈາກນີ້ຍັງມີຄຸນສົມບັດກ່ອງເງົາທີ່ສາມາດນໍາໃຊ້ເພື່ອເພີ່ມເງົາໃຫ້ອົງປະກອບຂອງກ່ອງ.

ມີ CSS3, ທ່ານສາມາດສ້າງຕັ້ງຫນ້າເວັບໄດ້ງ່າຍໂດຍມີຫລາຍຄໍລໍາທີ່ບໍ່ມີຕາຕະລາງຫຼືໂຄງສ້າງການໂຄສະນາທີ່ສັບສົນ. ທ່ານພຽງແຕ່ບອກຕົວທ່ອງເວັບວ່າມີຫຼາຍຄໍລໍາທີ່ອົງປະກອບຂອງຮ່າງກາຍຄວນມີແລະວິທີການທີ່ພວກເຂົາຄວນຈະກວ້າງ. Plus you can add borders (rules), color background that span the height of the column, and your text will flow through all columns automatically.

CSS3 Columns - ກໍານົດຈໍານວນແລະຄວາມກວ້າງຂອງຄໍລໍາ

ມີສາມ ຄຸນສົມບັດ ໃຫມ່ທີ່ອະນຸຍາດໃຫ້ທ່ານກໍານົດຈໍານວນແລະຄວາມກວ້າງຂອງຄໍລໍາຂອງທ່ານ:

• width column
  • ກໍານົດ width ຂອງຄໍລໍາຂອງທ່ານຄວນຈະເປັນ. ຕົວທ່ອງເວັບຈະໄຫຼຂໍ້ຄວາມເພື່ອຕື່ມຂໍ້ມູນໃສ່ຊ່ອງທີ່ມີຄໍລໍາທີ່ກວ້າງ.
• column-count
  • ກໍານົດຈໍານວນຂອງຄໍລໍາໃນຫນ້າ. ຕົວທ່ອງເວັບຈະສ້າງຄໍລໍາກວ້າງພໍທີ່ຈະເຫມາະໃນພື້ນທີ່, ແຕ່ວ່າພຽງແຕ່ຈໍານວນທີ່ທ່ານລະບຸ.
• columns
  • ຊັບສິນ Shorthand ບ່ອນທີ່ທ່ານສາມາດກໍານົດ width ຫຼືຈໍານວນ (ຫຼືທັງສອງ, ແຕ່ວ່າບໍ່ຄ່ອຍເຮັດໃຫ້ຄວາມຮູ້ສຶກ).

CSS3 Column Gaps and Rules

ຊ່ອງຫວ່າງແລະກົດລະບຽບແມ່ນຖືກຈັດໃສ່ລະຫວ່າງຄໍລໍາໃນຮູບແບບ multicolumn ດຽວກັນ. ຊ່ອງຫວ່າງຈະຖອນອອກຈາກຖັນ, ແຕ່ກົດລະບຽບບໍ່ໃຊ້ເວລາໃດໆ. ຖ້າຄໍາສັ່ງຖັນກວ້າງກວ່າຊ່ອງຫວ່າງຂອງມັນ, ມັນຈະກວມເອົາຖັນທີ່ຢູ່ຕິດກັນ. ມີຫ້າຄຸນສົມບັດໃຫມ່ສໍາລັບກົດລະບຽບຖັນແລະຊ່ອງຫວ່າງ:

• column-gap
  • ກໍານົດ width ຂອງຊ່ອງຫວ່າງລະຫວ່າງຄໍລໍາ.
• column-rule-color
  • ກໍານົດສີຂອງກົດລະບຽບ.
• ຄໍລໍາກົດລະບຽບ
  • ກໍານົດແບບຂອງກົດລະບຽບ (ແຂງ, ຈຸດ, ສອງ, ແລະອື່ນໆ).
• column-rule-width
  • ກໍານົດ width ຂອງກົດລະບຽບ.
• column-rule
  • ຊັບສິນທີ່ມີຊື່ຫຍໍ້ເຊິ່ງກໍານົດຄຸນສົມບັດລະບຽບຂອງຄໍລໍາທັງສາມໃນເວລາດຽວກັນ.

CSS3 Column Breaks, Spanning Columns, ແລະ Filling Columns

ການຢຸດເຊືອກ ໃຊ້ຕົວເລືອກ CSS2 ດຽວກັນທີ່ໃຊ້ເພື່ອກໍານົດການຢຸດພັກໃນເນື້ອຫາ paged ແຕ່ມີສາມຄຸນສົມບັດໃຫມ່: ທໍາລາຍກ່ອນ , ຖັດລົງ ແລະ ທໍາລາຍພາຍໃນ .

ເຊັ່ນດຽວກັນກັບຕາຕະລາງ, ທ່ານສາມາດກໍານົດອົງປະກອບທີ່ກວມເອົາຄໍລໍາທີ່ມີຄຸນສົມບັດຂອງຄໍລໍາ. ນີ້ອະນຸຍາດໃຫ້ທ່ານສ້າງຫົວຂໍ້ທີ່ກວມເອົາຫລາຍຄໍລໍາຫຼາຍເຊັ່ນຫນັງສືພິມ.

ຄໍລໍາຕື່ມການຕັດສິນໃຈວ່າເນື້ອຫາຈະຢູ່ໃນແຕ່ລະຄໍລໍາ. ຄໍລໍາດຸ່ນດ່ຽງພະຍາຍາມເຮັດໃຫ້ເນື້ອຫາດຽວກັນໃນແຕ່ລະຄໍລໍາໃນຂະນະທີ່ອັດຕະໂນມັດພຽງແຕ່ໄຫລເນື້ອໃນຈົນກ່ວາຄໍລໍາເຕັມແລະຫຼັງຈາກນັ້ນໄປຫາຫນ້າຕໍ່ໄປ.

ຄຸນນະສົມບັດເພີ່ມເຕີມໃນ CSS3 ທີ່ບໍ່ລວມຢູ່ໃນ CSS2

ມີຫຼາຍລັກສະນະເພີ່ມເຕີມໃນ CSS3 ທີ່ບໍ່ມີຢູ່ໃນ CSS2, ລວມທັງ:

• Module CSS layout layout and CSS3 Grid positioning module : ການສ້າງຕາຂ່າຍໄຟຟ້າດ້ວຍ CSS
• CSS3 ໂມດູນຂໍ້ຄວາມ: ຂໍ້ຄວາມລະ ອຽດແລະແມ້ກະທັ້ງສ້າງລົງເງົາກັບ CSS.
• CSS3 Color module : Now with opacity
• ການປ່ຽນແປງຮູບແບບກ່ອງ : ລວມມີຄຸນສົມບັດ marquee ທີ່ເຮັດຫນ້າທີ່ຄ້າຍຄືປ້າຍ IE.
• ໂມດູນການໂຕ້ຕອບຜູ້ໃຊ້ CSS3 : ໃຫ້ທ່ານເຄີເຊີໃຫມ່, ຕອບກັບປະຕິບັດ, ທົ່ງທີ່ຕ້ອງການ, ແລະເຖິງແມ່ນວ່າ ການປັບຂະຫນາດອົງປະກອບ .
• ການສອບຖາມສື່ : ການກວດ ສອບ ສື່ຊ່ວຍໃຫ້ທ່ານມີຄວາມຍືດຫຍຸ່ນຫຼາຍຂຶ້ນໃນເວລາທີ່ກໍານົດວິທີການໃຊ້ຮູບແບບທີ່ຄວນໃຊ້. ຕົວຢ່າງເຊັ່ນ, ທ່ານສາມາດກໍານົດແຜ່ນສະໄຕທີ່ມີພຽງແຕ່ສໍາລັບອຸປະກອນມືຖືທີ່ມີ viewport ທີ່ໃຫຍ່ກວ່າ 20em.
• ໂມດູນ CSS3 Ruby : ສະຫນອງການສະຫນັບສະຫນູນສໍາລັບພາສາທີ່ໃຊ້ Ruby Textual ເພື່ອບັນທຶກເອກະສານ.
• ໂມດູນສື່ Paged Media CSS3 : ສໍາລັບການສະຫນັບສະຫນູນຫຼາຍກວ່າສໍາລັບສື່ paged (ເຈ້ຍ, ໂປ່ງໃສ, ແລະອື່ນໆ).
• ເນື້ອຫາທີ່ສ້າງຂື້ນ : ຫົວຂໍ້ L ແລະ footer, footnotes, ແລະເນື້ອຫາອື່ນໆທີ່ຖືກສ້າງຂຶ້ນໂດຍໂຄງການ, ໂດຍສະເພາະແມ່ນສໍາລັບສື່ paged.
• Module Speech CSS3 : ການປ່ຽນແປງ CSS CSS.