ด้วยการอัปเดตผู้สร้าง Windows 10 Microsoft Edge จะมาพร้อมกับการสนับสนุน CSS Custom Properties
2 นาที. อ่าน
เผยแพร่เมื่อ
อ่านหน้าการเปิดเผยข้อมูลของเราเพื่อดูว่าคุณจะช่วย MSPoweruser รักษาทีมบรรณาธิการได้อย่างไร อ่านเพิ่มเติม
ด้วย Windows 10 Creators Update ที่กำลังจะออกในเดือนหน้า Microsoft Edge จะสนับสนุน CSS Custom Properties ซึ่งช่วยให้นักพัฒนาสามารถเรียงตัวแปรแบบเรียงซ้อนในคุณสมบัติของ CSS ได้อย่างเต็มที่
โดยทั่วไป เว็บแอปพลิเคชันสามารถมี CSS ได้ค่อนข้างน้อย ค่าส่วนใหญ่ในไฟล์ CSS จะเป็นข้อมูลที่ซ้ำกัน ตัวอย่างเช่น ไซต์อาจสร้างชุดสีและนำสีสามหรือสี่สีมาใช้ซ้ำทั่วทั้งไซต์ การแก้ไขข้อมูลนี้อาจทำได้ยากและเกิดข้อผิดพลาดได้ เนื่องจากจะกระจัดกระจายอยู่ทั่วทั้งไฟล์ CSS (และอาจเป็นไปได้ในหลายไฟล์) และอาจไม่สอดคล้องกับการค้นหาและแทนที่ CSS Custom Properties แก้ปัญหานี้โดยใช้ตระกูลของคุณสมบัติที่กำหนดโดยผู้เขียนเองซึ่งเรียกรวมกันว่าคุณสมบัติที่กำหนดเอง ซึ่งช่วยให้นักพัฒนาสามารถกำหนดค่าโดยพลการให้กับคุณสมบัติที่มีชื่อและฟังก์ชัน var() ซึ่งช่วยให้นักพัฒนาสามารถใช้ค่าเหล่านั้นได้ ในคุณสมบัติอื่น ๆ ที่อื่นในเอกสาร ดูตัวอย่างด้านล่าง
:root { --primary: #0B61A4; --รอง: #25567B; } ส่วนหัว { พื้นหลัง: var (--primary); ขอบล่าง: 2px solid var(--secondary); }
คุณสมบัติที่กำหนดเองของ CSS จะทำให้การแก้ไขไฟล์ CSS ง่ายขึ้นและมีโอกาสเกิดข้อผิดพลาดน้อยลง เนื่องจากนักพัฒนาต้องเปลี่ยนค่าครั้งเดียวในคุณสมบัติที่กำหนดเอง และการเปลี่ยนแปลงจะเผยแพร่ไปยังการใช้งานทั้งหมดของตัวแปรนั้นโดยอัตโนมัติ
หากคุณเป็นนักพัฒนา คุณสามารถลองใช้ CSS Custom Properties ใน Windows Insider Preview ที่เพิ่งเปิดตัวซึ่งเริ่มต้นด้วย EdgeHTML 15.15061 นอกจากนี้ ตรวจสอบ คุณสมบัติที่กำหนดเอง Pooch สาธิต เพื่อดูคุณลักษณะนี้ในการใช้งานจริง