CSS'in geleceği: CSS Toggles

• Şu anda gayriresmî bir taslak yayımlandı ve Chromium'un prototiplemeye başlaması bekleniyor
• Checkbox/radio button gibi DOM nesnelerinin durumu ile CSS'i bağlayan bir mekanizma

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

• Birden fazla toggle oluşturulabiliyor; birden fazla etkin duruma sahip olabiliyor ve değerlerin mutlaka 0/1 gibi sayısal olması gerekmiyor
• Varsayılan değer 0, ancak üzerine yazılabiliyor
• Tek bir elementin hem toggle-root hem de toggle-trigger olması da mümkün
• toggle-visibility ile toggle değerine göre elementleri gösterip gizlemek mümkün
• toggle-group ile gruplama yapılabiliyor (sekmeli arayüzler için kullanışlı)

[joyfui]

Radyo düğmelerini kullanarak JavaScript olmadan yalnızca CSS ile sekmeli menü yapmanın bir yolu var; bu gelirse daha da kolaylaşacak gibi görünüyor.