CSS का भविष्य : CSS Toggles

• अभी एक अनौपचारिक ड्राफ्ट आया है, और Chromium जल्द ही प्रोटोटाइपिंग शुरू करने वाला है
• यह checkbox/radio button जैसे DOM ऑब्जेक्ट्स की state को CSS से जोड़ने का एक mechanism है

html {  
  toggle-root: lightswitch; /* 토글 생성. 0 (비활성화, 기본값) 과 1 (활성화)  */  
}  
  
button {  
  toggle-trigger: lightswitch; /* 버튼 클릭시 토글*/  
}  
  
html:toggle(lightswitch) {  
  /* lightswitch 토글이 활성화 되었을 때 적용할 스타일 */  
}  

• कई toggles बनाए जा सकते हैं. इनमें एक से अधिक active states हो सकती हैं, और ज़रूरी नहीं कि ये सिर्फ 0/1 जैसे numeric values ही हों
• डिफ़ॉल्ट मान 0 है, लेकिन इसे override किया जा सकता है
• एक ही element का toggle-root और toggle-trigger दोनों होना भी संभव है
• toggle-visibility के ज़रिए toggle value के आधार पर element को दिखाना/छिपाना संभव है
• toggle-group से grouping संभव है (tab interface के लिए उपयोगी)

[joyfui]

रेडियो बटन का इस्तेमाल करके JavaScript के बिना सिर्फ CSS से टैब मेन्यू बनाने का एक तरीका है, और यह आ जाए तो वह और भी आसान हो जाएगा।