- ทีม Chromium กำลังทดลองคิวรีรูปแบบใหม่
- เมื่อปีที่แล้ว Size Container Query เริ่มได้รับการรองรับจากเบราว์เซอร์หลักทั้งหมดแล้ว
- สามารถคิวรีโดยอิงจากความกว้างของคอนเทนเนอร์ได้
- นอกจากนี้ตอนนี้ยังสามารถใช้ Style Query ได้ด้วย: ตรวจสอบได้ว่ามีตัวแปร CSS บางตัวอยู่หรือไม่ ปัจจุบันยังใช้ได้เฉพาะใน Chrome Canary
- State Query คือคิวรีตามค่าสถานะ
- สามารถตรวจสอบได้ว่าสถานะอย่าง
position: sticky ถูกเปิดใช้งานอยู่หรือไม่ และกำหนดสไตล์แยกตามทิศทางได้ เช่น @container state(stuck: top)
- ตรวจสอบได้ด้วยว่าเกิด
flex-wrap แล้วหรือไม่ เช่น @container header state(wrap: true)
- รองรับการจัดการตามทิศทางของเอกสารว่าเป็น
ltr หรือ rtl ได้เช่นกัน เช่น @container state(dir: rtl)
3 ความคิดเห็น
ทั้ง CSS toggle ด้วย ดูเหมือนว่าวันที่เราจะพูดได้ว่า "ฉันเขียนโปรแกรมด้วย CSS" กำลังใกล้เข้ามาเรื่อย ๆ..
https://github.com/kkuchta/css-only-chat
มีแบบนี้ด้วยนะ.. แชตที่สร้างด้วย CSS ล้วนๆ
สุดยอดมากกกกก