เมื่อ CSS3 สมบูรณ์ ทำให้มีการเปลี่ยนแปลงไปพอสมควร แต่อย่างไรนั้น คุณไม่จำเป็นต้องเปลี่ยนแปลงเว็บไซต์ เพื่อใช้ CSS3 ทั้งหมด เพราะ เบราเซอร์ปัจจุบัน ยังไม่สามารถรองรับ CSS3 ได้ทุกโมูดล

CSS3 โมดูล

CSS3 ถูกแบ่งออกเป็น “โมดูล” แยกออกเป็นส่วนๆ แต่หลักๆ CSS3 จะอิงโค๊ด แบบเดิม แต่เพิ่มฟั่งชั่นการแสดงผลเข้าไป ซึ่งมันจะช่วยให้ เบราเซอร์ที่รองรับCSS3 แสดงผล ส่วนเบราเซอร์ที่ไม่รองรับจะไม่แสดงผล(แสดงในแบบCSSเดิม)

โมดูล หลักๆที่เพิ่มเข้ามาใน CSS3 คือ:

  • Selectors
  • Box Model
  • Backgrounds and Borders
  • Text Effects
  • 2D/3D Transformations
  • Animations
  • Multiple Column Layout
  • User Interface

อย่างไรก็ตาม CSS3 จะแสดงผลที่ถูกต้อง ก็ต้องขึ้นอยู่กับการอัพเดตของเบราเซอร์ต่างๆด้วยเช่นกัน

ปัจจุบัน CSS3 ทุกโค๊ด ไม่ได้เข้ากันได้กับเบราเซอร์ทุกตัว จะมีบางตัวรองรับ/ไม่รองรับ เป็นโค๊ดๆไป ซึ่งโดยรวมแล้ว เรียกว่า เบราเซอร์ตามไม่ทันเลยทีเดียว

ตัวอย่างเบราเซอร์ที่ ซัพพอร์ต แต่บาง Code

โค๊ด เบราเซอร์ ซัพพอร์ต
border-radius  Google Chrome        
box-shadow  Google Chrome      
border-image  Google Chrome        
ถูกใจ/มีประโยชน์ >>
Leave a comment

ความเห็น

Loading Facebook Comments ...

There are no comments yet.

ใส่ความเห็น

อีเมล์ของคุณจะไม่แสดงให้คนอื่นเห็น ช่องที่ต้องการถูกทำเครื่องหมาย *

54 + = 56

คุณอาจจะใช้ป้ายกำกับและคุณสมบัติHTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>