CSS dynamisch verändern

Mrz 21

Hallo! Der erste Beitrag seit laaaanger Zeit..

Ich habe schon länger mit dem Gedanken gespielt, wie man in CSS einige Werte dynamisch einstellen kann. Mir Variablen statt Werte ist meiner Meinung nach nicht so gut, da man mit dem CSS ohne den Server (ohne PHP) nichts machen kann.

Daher die Idee, dass man einige Attribute mit Kommentaren markiert.

h1 {
   font-size: 12px /*- mytitle -*/;
   color: red /*- mytitle -*/;
   border: 2px solid;
   padding: 1em;
}

Verändern kann man die Attribute, die einem DynCSS Id zugeordnet sind:
/*- someID -*/

defineAttributes('mytitle', new cssAttr('font-size', '29px'));

Die CSS wird eingelesen, verändert und wieder ausgegeben.. Wenn man das aber doch nicht macht, funktioniert sie trotzdem und bleibt valide. Erledigt wird das durch eine kleine Klasse, die hier mit einem Beispiel heruntergeladen werden kann.

DynCSS downloaden

Die Klasse ist in einem “Subalphastatus” Wenn es Ideen oder Hinweise gibt, wäre ich sehr froh und würde versuchen diese umzusetzen.