การเลื่อนเวลาให้บริการ @function ของ CSS จาก Chrome 136 เป็น 139

Adam Argyle

เผยแพร่: 6 มีนาคม 2025

เมื่อวันที่ 25 กุมภาพันธ์ Chrome ได้เผยแพร่ความตั้งใจที่จะเปิดตัว @function และได้รับความคิดเห็นที่ขอให้ขยายระยะการทดสอบให้นานขึ้น แม้ว่าระยะการทดสอบโดยรวมจะไม่ได้สั้น แต่ก็มีการเปลี่ยนแปลงข้อกําหนดเฉพาะที่ส่งผลอย่างมากเมื่อเร็วๆ นี้ ซึ่งสมควรได้รับการทดสอบเพิ่มเติม

นอกจากนี้ เรายังหวังว่าระยะการทดสอบที่ขยายเวลานี้จะช่วยให้เราทดลองกับชุมชนได้มากขึ้น

โทรเพื่อทดสอบ

ตอนนี้ก็ถึงเวลาดาวน์โหลด Canary เปิดใช้ฟีเจอร์แพลตฟอร์มเว็บเวอร์ชันทดลอง เริ่มทดสอบ CSS @function และรายงานข้อบกพร่องที่พบ ตอนนี้เรามีเวลาทดลองนานขึ้น เราจึงควรใช้ประโยชน์จากโอกาสนี้

ต่อไปนี้เป็นการสํารวจบางส่วนเพื่อช่วยให้คุณเริ่มต้นใช้งาน

CSS ต่อไปนี้แสดงตัวอย่างที่กระชับแต่มีประโยชน์

@function --light-dark(--light, --dark) {
    result: var(--light);
    
    @media (prefers-color-scheme: dark) {
        result: var(--dark);
    }
}

หากต้องการทราบข้อมูลเพิ่มเติมเกี่ยวกับ @function

Bramus มีชุดเดโมที่ยอดเยี่ยม และ CSS Tricks ก็ไม่รอช้าที่จะร่วมสนุกด้วย

อาร์กิวเมนต์ ผลลัพธ์ คุ้มค่าที่จะคายกาแฟออกมาเลย เราจึงต้องศึกษาเพิ่มเติมเกี่ยวกับข้อกำหนดดังกล่าว และโชคดีที่ข้อกำหนดเขียนไว้อย่างชัดเจน